HEX format page

HEX Color Codes

Explore HEX values with a live color picker, format-aware previews, conversion rows, and contrast guidance.

RGB RGBA HSL HSLA CMYK LAB LCH OKLCH

Custom picker

Fine-tune your color

Drag the field, adjust hue and alpha, or paste any supported format.

Hue 110°

Alpha 100%

Tip: you can paste formats like #3f7f2f, rgb(63, 127, 47), hsl(110, 45%, 35%), or oklch(0.7, 0.1, 220).

Current HEX value

Parsed from input

Value

Canonical page

#9b3011

Foreground preview

WCAG contrast checker and foreground picker

Best auto foreground

Best contrast with white


                        #ffffff

Auto-selects the strongest contrast against the current background.

Readable text preview

The quick brown fox jumps over the lazy dog.

Button preview

Contrast ratio

7.43

Excellent accessibility

Element	AA	AAA
Small text	Pass	Pass
Large text	Pass	—
UI elements / graphics	Pass	N/A

AA for normal text is typically 4.5:1, AA for large text 3:1, AAA for normal text 7:1, and non-text UI elements typically 3:1.

About HEX

HEX

The most common web color notation.

HEX is compact, readable, and widely supported in CSS, design tools, and development workflows. It is ideal for quick color references and shared design tokens.

Best for UI styles, CSS variables, and quick sharing.

Convert to other formats

Jump directly to the same color in another notation.

RGB RGBA HSL HSLA CMYK LAB LCH OKLCH

Color Conversion

Same color in multiple code formats.

Swatch	Code	Value	HTML/CSS
	HEX		#9b3011
	RGB		rgb(155 48 17)
	RGBA		rgba(155 48 17 / 1)
	HSL		hsl(13 80% 33%)
	HSLA		hsla(13 80% 33% / 1)
	CMYK		cmyk(0 69.03 89.03 39.22)
	LAB		lab(36.2242 43.1463 41.8986)
	LCH		lch(36.2242 60.1423 44.16)
	OKLCH		oklch(0.4666 0.1478 35.77)