#C0B555#C0B555

#C0B555 is a light, moderate yellow. Relative luminance 0.449; OKLCH L 76.3% C 0.118 H 102.8°. Best body text is #000000 at 9.98:1 contrast (WCAG AA passes).

Color values

HEX#C0B555
RGBrgb(192, 181, 85)
HSLhsl(54, 46%, 54%)
HSVhsv(54, 56%, 75%)
CMYKcmyk(0%, 5.7%, 55.7%, 24.7%)
CIE-LABlab(72.83, -8.51, 49.50)
CIE-LCHlch(72.83, 50.23, 99.76°)
OKLaboklab(76.29% -0.0262 0.1154)
OKLCHoklch(76.29% 0.118 102.8)
XYZxyz(39.9031, 44.9115, 15.1594)
Luminance0.4491 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#C0B555 #5560C0
analogous
#C08055 #C0B555 #96C055
triadic
#C0B555 #55C0B5 #B555C0
tetradic
#C0B555 #55C080 #5560C0 #C05596
square
#C0B555 #55C080 #5560C0 #C05596
split-complementary
#C0B555 #5596C0 #8055C0
monochromatic
#716A2A #9D933A #C0B555 #D1C882 #E1DCAE

Accessibility & contrast

On white

2.10
#C0B555 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.98
#C0B555 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #C0B555
9.98:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##C0B555#FFFFFF#000000##000000
##C0B5551.002.109.989.98
#FFFFFF2.101.0021.0021.00
#0000009.9821.001.001.00
##0000009.9821.001.001.00

Color blindness preview

Protanopia (red-blind)
#C3B04B
Deuteranopia (green-blind)
#C7B55A
Tritanopia (blue-blind)
#CDAAA0
Achromatopsia (no color)
#B3B3B3

Design tokens & code

CSS
--color: #c0b555;
/* rgb */ color: rgb(192, 181, 85);
/* oklch */ color: oklch(76.3% 0.118 102.8);
Tailwind
colors: {
  custom: {
    50: '#d5ca88',
    500: '#c0b555',
    950: '#000000',
  },
}
SCSS
$custom: #c0b555;
$custom-light: #d5ca88;
$custom-dark: #000000;
JSON
{
  "hex": "#c0b555",
  "rgb": {
    "r": 192,
    "g": 181,
    "b": 85
  },
  "hsl": {
    "h": 53.832,
    "s": 45.923,
    "l": 54.314
  },
  "oklch": {
    "l": 0.76287,
    "c": 0.11834,
    "h": 102.8
  },
  "luminance": 0.4491
}

Semantic roles & 50–950 ramp

primary
#C0B555
secondary
#A2A6CF
accent
#60D652
background
#FDFCF8
surface
#FAF8F0
border
#D3D1CB
text
#15130C
muted
#83827D

Preview Lab

Preview with #C0B555

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

Preview Lab → · Contrast checker → · Palette generator →

#C0B555 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva