#C0B14A#C0B14A

#C0B14A is a light, vivid yellow. Relative luminance 0.431; OKLCH L 75.3% C 0.124 H 101.1°. Best body text is #000000 at 9.63:1 contrast (WCAG AA passes).

Color values

HEX#C0B14A
RGBrgb(192, 177, 74)
HSLhsl(52, 48%, 52%)
HSVhsv(52, 61%, 75%)
CMYKcmyk(0%, 7.8%, 61.5%, 24.7%)
CIE-LABlab(71.65, -7.24, 53.24)
CIE-LCHlch(71.65, 53.73, 97.74°)
OKLaboklab(75.32% -0.0238 0.122)
OKLCHoklch(75.32% 0.124 101.1)
XYZxyz(38.6979, 43.1467, 12.7670)
Luminance0.4315 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#C0B14A #4A59C0
analogous
#C0764A #C0B14A #94C04A
triadic
#C0B14A #4AC0B1 #B14AC0
tetradic
#C0B14A #4AC076 #4A59C0 #C04A94
square
#C0B14A #4AC076 #4A59C0 #C04A94
split-complementary
#C0B14A #4A94C0 #764AC0
monochromatic
#6B6225 #988B35 #C0B14A #D0C577 #E0D8A5

Accessibility & contrast

On white

2.18
#C0B14A on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.63
#C0B14A on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #C0B14A
9.63:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##C0B14A#FFFFFF#000000##000000
##C0B14A1.002.189.639.63
#FFFFFF2.181.0021.0021.00
#0000009.6321.001.001.00
##0000009.6321.001.001.00

Color blindness preview

Protanopia (red-blind)
#C0AC3E
Deuteranopia (green-blind)
#C5B24F
Tritanopia (blue-blind)
#CEA59B
Achromatopsia (no color)
#B0B0B0

Design tokens & code

CSS
--color: #c0b14a;
/* rgb */ color: rgb(192, 177, 74);
/* oklch */ color: oklch(75.3% 0.124 101.1);
Tailwind
colors: {
  custom: {
    50: '#d6c881',
    500: '#c0b14a',
    950: '#000000',
  },
}
SCSS
$custom: #c0b14a;
$custom-light: #d6c881;
$custom-dark: #000000;
JSON
{
  "hex": "#c0b14a",
  "rgb": {
    "r": 192,
    "g": 177,
    "b": 74
  },
  "hsl": {
    "h": 52.373,
    "s": 48.361,
    "l": 52.157
  },
  "oklch": {
    "l": 0.75317,
    "c": 0.12433,
    "h": 101.1
  },
  "luminance": 0.43145
}

Semantic roles & 50–950 ramp

primary
#C0B14A
secondary
#99A0CD
accent
#61D850
background
#FDFCF8
surface
#FBF8EF
border
#D4D1CA
text
#15130B
muted
#83827C

Preview Lab

Preview with #C0B14A

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

Preview Lab → · Contrast checker → · Palette generator →

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