#C09B52#C09B52

#C09B52 is a light, moderate orange. Relative luminance 0.353; OKLCH L 70.8% C 0.102 H 82.8°. Best body text is #000000 at 8.05:1 contrast (WCAG AA passes).

Color values

HEX	#C09B52
RGB	rgb(192, 155, 82)
HSL	hsl(40, 47%, 54%)
HSV	hsv(40, 57%, 75%)
CMYK	cmyk(0%, 19.3%, 57.3%, 24.7%)
CIE-LAB	lab(65.95, 5.09, 42.95)
CIE-LCH	lch(65.95, 43.25, 83.24°)
OKLab	oklab(70.84% 0.0128 0.1009)
OKLCH	oklch(70.84% 0.102 82.8)
XYZ	xyz(34.9842, 35.2604, 12.9443)
Luminance	0.3526 (WCAG relative)
Temperature	warm
Family	orange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#C09B52 #5277C0

analogous

#C06452 #C09B52 #AEC052

triadic

#C09B52 #52C09B #9B52C0

tetradic

#C09B52 #52C064 #5277C0 #C052AE

square

#C09B52 #52C064 #5277C0 #C052AE

split-complementary

#C09B52 #52AEC0 #6452C0

monochromatic

#6F5728 #9C7B39 #C09B52 #D0B57F #E1CFAC

Accessibility & contrast

On white

2.61

#C09B52 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

8.05

#C09B52 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #C09B52

8.05:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##C09B52	#FFFFFF	#000000	##000000
##C09B52	1.00	2.61	8.05	8.05
#FFFFFF	2.61	1.00	21.00	21.00
#000000	8.05	21.00	1.00	1.00
##000000	8.05	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#AB9B4B

Deuteranopia (green-blind)

#B4A454

Tritanopia (blue-blind)

#CF8F8A

Achromatopsia (no color)

#A0A0A0

Design tokens & code

CSS

--color: #c09b52;
/* rgb */ color: rgb(192, 155, 82);
/* oklch */ color: oklch(70.8% 0.102 82.8);

Tailwind

colors: {
  custom: {
    50: '#d6b885',
    500: '#c09b52',
    950: '#000000',
  },
}

SCSS

$custom: #c09b52;
$custom-light: #d6b885;
$custom-dark: #000000;

JSON

{
  "hex": "#c09b52",
  "rgb": {
    "r": 192,
    "g": 155,
    "b": 82
  },
  "hsl": {
    "h": 39.818,
    "s": 46.61,
    "l": 53.725
  },
  "oklch": {
    "l": 0.70839,
    "c": 0.10169,
    "h": 82.8
  },
  "luminance": 0.35258
}

Semantic roles & 50–950 ramp

primary

#C09B52

secondary

#9FAFCE

accent

#7ED652

background

#FDFBF8

surface

#FBF6EF

border

#D4D0CA

text

#15110B

muted

#83807C

Preview Lab

Preview with #C09B52

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

Preview Lab → · Contrast checker → · Palette generator →