#CEA543#CEA543

#CEA543 is a light, vivid orange. Relative luminance 0.404; OKLCH L 74.1% C 0.124 H 85.9°. Best body text is #000000 at 9.09:1 contrast (WCAG AA passes).

Color values

HEX	#CEA543
RGB	rgb(206, 165, 67)
HSL	hsl(42, 59%, 54%)
HSV	hsv(42, 67%, 81%)
CMYK	cmyk(0%, 19.9%, 67.5%, 19.2%)
CIE-LAB	lab(69.78, 4.71, 54.72)
CIE-LCH	lch(69.78, 54.92, 85.08°)
OKLab	oklab(74.13% 0.0088 0.1237)
OKLCH	oklch(74.13% 0.124 85.9)
XYZ	xyz(39.9241, 40.4399, 11.0120)
Luminance	0.4044 (WCAG relative)
Temperature	warm
Family	orange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#CEA543 #436CCE

analogous

#CE5F43 #CEA543 #B1CE43

triadic

#CEA543 #43CEA5 #A543CE

tetradic

#CEA543 #43CE5F #436CCE #CE43B1

square

#CEA543 #43CE5F #436CCE #CE43B1

split-complementary

#CEA543 #43B1CE #5F43CE

monochromatic

#775D1F #A8832C #CEA543 #DBBC74 #E7D3A4

Accessibility & contrast

On white

2.31

#CEA543 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

9.09

#CEA543 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #CEA543

9.09:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##CEA543	#FFFFFF	#000000	##000000
##CEA543	1.00	2.31	9.09	9.09
#FFFFFF	2.31	1.00	21.00	21.00
#000000	9.09	21.00	1.00	1.00
##000000	9.09	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#B8A437

Deuteranopia (green-blind)

#C2AF47

Tritanopia (blue-blind)

#DF9790

Achromatopsia (no color)

#AAAAAA

Design tokens & code

CSS

--color: #cea543;
/* rgb */ color: rgb(206, 165, 67);
/* oklch */ color: oklch(74.1% 0.124 85.9);

Tailwind

colors: {
  custom: {
    50: '#e1bf7c',
    500: '#cea543',
    950: '#000000',
  },
}

SCSS

$custom: #cea543;
$custom-light: #e1bf7c;
$custom-dark: #000000;

JSON

{
  "hex": "#cea543",
  "rgb": {
    "r": 206,
    "g": 165,
    "b": 67
  },
  "hsl": {
    "h": 42.302,
    "s": 58.65,
    "l": 53.529
  },
  "oklch": {
    "l": 0.74127,
    "c": 0.124,
    "h": 85.9
  },
  "luminance": 0.40437
}

Semantic roles & 50–950 ramp

primary

#CEA543

secondary

#99AAD4

accent

#74E246

background

#FEFBF7

surface

#FDF6EE

border

#D5D0C9

text

#16120A

muted

#84817C

Preview Lab

Preview with #CEA543

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →