#C4C344#C4C344

#C4C344 is a light, vivid yellow. Relative luminance 0.512; OKLCH L 79.5% C 0.146 H 108.9°. Best body text is #000000 at 11.24:1 contrast (WCAG AA passes).

Color values

HEX#C4C344
RGBrgb(196, 195, 68)
HSLhsl(60, 52%, 52%)
HSVhsv(60, 65%, 77%)
CMYKcmyk(0%, 0.5%, 65.3%, 23.1%)
CIE-LABlab(76.79, -15.16, 61.34)
CIE-LCHlch(76.79, 63.18, 103.88°)
OKLaboklab(79.47% -0.0472 0.1382)
OKLCHoklch(79.47% 0.146 108.9)
XYZxyz(43.3249, 51.1846, 13.0651)
Luminance0.5118 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#C4C344 #4445C4
analogous
#C48344 #C4C344 #85C444
triadic
#C4C344 #44C4C3 #C344C4
tetradic
#C4C344 #44C483 #4445C4 #C44485
square
#C4C344 #44C483 #4445C4 #C44485
split-complementary
#C4C344 #4485C4 #8344C4
monochromatic
#6C6B22 #9A9931 #C4C344 #D3D273 #E1E1A1

Accessibility & contrast

On white

1.87
#C4C344 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

11.24
#C4C344 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #C4C344
11.24:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##C4C344#FFFFFF#000000##000000
##C4C3441.001.8711.2411.24
#FFFFFF1.871.0021.0021.00
#00000011.2421.001.001.00
##00000011.2421.001.001.00

Color blindness preview

Protanopia (red-blind)
#D2BB32
Deuteranopia (green-blind)
#D4C04C
Tritanopia (blue-blind)
#D1B7A9
Achromatopsia (no color)
#BDBDBD

Design tokens & code

CSS
--color: #c4c344;
/* rgb */ color: rgb(196, 195, 68);
/* oklch */ color: oklch(79.5% 0.146 108.9);
Tailwind
colors: {
  custom: {
    50: '#d9d47f',
    500: '#c4c344',
    950: '#000000',
  },
}
SCSS
$custom: #c4c344;
$custom-light: #d9d47f;
$custom-dark: #000000;
JSON
{
  "hex": "#c4c344",
  "rgb": {
    "r": 196,
    "g": 195,
    "b": 68
  },
  "hsl": {
    "h": 59.531,
    "s": 52.033,
    "l": 51.765
  },
  "oklch": {
    "l": 0.7947,
    "c": 0.14601,
    "h": 108.9
  },
  "luminance": 0.51183
}

Semantic roles & 50–950 ramp

primary
#C4C344
secondary
#373775
accent
#4DDB4C
background
#FEFEFB
surface
#FCFBF2
border
#D5D4CC
text
#15140A
muted
#84837D

Preview Lab

Preview with #C4C344

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

Preview Lab → · Contrast checker → · Palette generator →

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