#121202#121202

#121202 is a very dark, muted yellow. Relative luminance 0.006; OKLCH L 17.7% C 0.033 H 109.3°. Best body text is #FFFFFF at 18.86:1 contrast (WCAG AA passes).

Color values

HEX	#121202
RGB	rgb(18, 18, 2)
HSL	hsl(60, 80%, 4%)
HSV	hsv(60, 89%, 7%)
CMYK	cmyk(0%, 0%, 88.9%, 92.9%)
CIE-LAB	lab(5.11, -2.49, 6.78)
CIE-LCH	lch(5.11, 7.23, 110.18°)
OKLab	oklab(17.7% -0.0109 0.031)
OKLCH	oklch(17.7% 0.033 109.3)
XYZ	xyz(0.4767, 0.5656, 0.1415)
Luminance	0.0057 (WCAG relative)
Temperature	warm
Family	yellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#121202 #020212

analogous

#120A02 #121202 #0A1202

triadic

#121202 #021212 #120212

tetradic

#121202 #02120A #020212 #12020A

square

#121202 #02120A #020212 #12020A

split-complementary

#121202 #020A12 #0A0212

monochromatic

#1C1C03 #1C1C03 #1C1C03 #494908 #80800E

Accessibility & contrast

On white

18.86

#121202 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.11

#121202 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #121202

18.86:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##121202	#FFFFFF	#000000	##FFFFFF
##121202	1.00	18.86	1.11	18.86
#FFFFFF	18.86	1.00	21.00	1.00
#000000	1.11	21.00	1.00	21.00
##FFFFFF	18.86	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#141101

Deuteranopia (green-blind)

#151103

Tritanopia (blue-blind)

#14100E

Achromatopsia (no color)

#111111

Design tokens & code

CSS

--color: #121202;
/* rgb */ color: rgb(18, 18, 2);
/* oklch */ color: oklch(17.7% 0.033 109.3);

Tailwind

colors: {
  custom: {
    50: '#4f5047',
    500: '#121202',
    950: '#000000',
  },
}

SCSS

$custom: #121202;
$custom-light: #4f5047;
$custom-dark: #000000;

JSON

{
  "hex": "#121202",
  "rgb": {
    "r": 18,
    "g": 18,
    "b": 2
  },
  "hsl": {
    "h": 60,
    "s": 80,
    "l": 3.922
  },
  "oklch": {
    "l": 0.17697,
    "c": 0.03289,
    "h": 109.3
  },
  "luminance": 0.00566
}

Semantic roles & 50–950 ramp

primary

#121202

secondary

#191957

accent

#31F631

background

#F4F4F4

surface

#E7E7E6

border

#C3C3C2

text

#020200

muted

#787877

Preview Lab

Preview with #121202

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

Preview Lab → · Contrast checker → · Palette generator →