#C89331#C89331

#C89331 is a light, vivid orange. Relative luminance 0.334; OKLCH L 69.8% C 0.127 H 78.7°. Best body text is #000000 at 7.67:1 contrast (WCAG AA passes).

Color values

HEX	#C89331
RGB	rgb(200, 147, 49)
HSL	hsl(39, 61%, 49%)
HSV	hsv(39, 76%, 78%)
CMYK	cmyk(0%, 26.5%, 75.5%, 21.6%)
CIE-LAB	lab(64.46, 10.92, 56.69)
CIE-LCH	lch(64.46, 57.73, 79.10°)
OKLab	oklab(69.76% 0.0249 0.1247)
OKLCH	oklch(69.76% 0.127 78.7)
XYZ	xyz(34.8099, 33.3713, 7.5131)
Luminance	0.3337 (WCAG relative)
Temperature	warm
Family	orange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#C89331 #3166C8

analogous

#C84731 #C89331 #B2C831

triadic

#C89331 #31C893 #9331C8

tetradic

#C89331 #31C847 #3166C8 #C831B2

square

#C89331 #31C847 #3166C8 #C831B2

split-complementary

#C89331 #31B2C8 #4731C8

monochromatic

#664B19 #976F25 #C89331 #D8AD5F #E4C690

Accessibility & contrast

On white

2.74

#C89331 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

7.67

#C89331 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #C89331

7.67:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##C89331	#FFFFFF	#000000	##000000
##C89331	1.00	2.74	7.67	7.67
#FFFFFF	2.74	1.00	21.00	21.00
#000000	7.67	21.00	1.00	1.00
##000000	7.67	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#A79522

Deuteranopia (green-blind)

#B4A235

Tritanopia (blue-blind)

#D9847F

Achromatopsia (no color)

#9C9C9C

Design tokens & code

CSS

--color: #c89331;
/* rgb */ color: rgb(200, 147, 49);
/* oklch */ color: oklch(69.8% 0.127 78.7);

Tailwind

colors: {
  custom: {
    50: '#deb270',
    500: '#c89331',
    950: '#000000',
  },
}

SCSS

$custom: #c89331;
$custom-light: #deb270;
$custom-dark: #000000;

JSON

{
  "hex": "#c89331",
  "rgb": {
    "r": 200,
    "g": 147,
    "b": 49
  },
  "hsl": {
    "h": 38.94,
    "s": 60.643,
    "l": 48.824
  },
  "oklch": {
    "l": 0.69764,
    "c": 0.1272,
    "h": 78.7
  },
  "luminance": 0.33369
}

Semantic roles & 50–950 ramp

primary

#C89331

secondary

#86A0CE

accent

#7CE444

background

#FEFAF7

surface

#FCF5ED

border

#D5CFC8

text

#161008

muted

#847F7B

Preview Lab

Preview with #C89331

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

Preview Lab → · Contrast checker → · Palette generator →