#222802#222802

#222802 is a dark, muted yellow. Relative luminance 0.019; OKLCH L 26.2% C 0.058 H 118.2°. Best body text is #FFFFFF at 15.30:1 contrast (WCAG AA passes).

Color values

HEX	#222802
RGB	rgb(34, 40, 2)
HSL	hsl(69, 90%, 8%)
HSV	hsv(69, 95%, 16%)
CMYK	cmyk(15%, 0%, 95%, 84.3%)
CIE-LAB	lab(14.75, -9.11, 20.54)
CIE-LCH	lch(14.75, 22.47, 113.91°)
OKLab	oklab(26.2% -0.0276 0.0514)
OKLCH	oklch(26.2% 0.058 118.2)
XYZ	xyz(1.4295, 1.8621, 0.3415)
Luminance	0.0186 (WCAG relative)
Temperature	warm
Family	yellow

Closest named colors

Hunter Green (survey)

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#222802 #080228

analogous

#281B02 #222802 #0F2802

triadic

#222802 #022228 #280222

tetradic

#222802 #02281B #080228 #28020F

square

#222802 #02281B #080228 #28020F

split-complementary

#222802 #020F28 #1B0228

monochromatic

#191D01 #191D01 #222802 #546205 #859D08

Accessibility & contrast

On white

15.30

#222802 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.37

#222802 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #222802

15.30:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##222802	#FFFFFF	#000000	##FFFFFF
##222802	1.00	15.30	1.37	15.30
#FFFFFF	15.30	1.00	21.00	1.00
#000000	1.37	21.00	1.00	21.00
##FFFFFF	15.30	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#2B2500

Deuteranopia (green-blind)

#2B2504

Tritanopia (blue-blind)

#252521

Achromatopsia (no color)

#252525

Design tokens & code

CSS

--color: #222802;
/* rgb */ color: rgb(34, 40, 2);
/* oklch */ color: oklch(26.2% 0.058 118.2);

Tailwind

colors: {
  custom: {
    50: '#5e6147',
    500: '#222802',
    950: '#000000',
  },
}

SCSS

$custom: #222802;
$custom-light: #5e6147;
$custom-dark: #000000;

JSON

{
  "hex": "#222802",
  "rgb": {
    "r": 34,
    "g": 40,
    "b": 2
  },
  "hsl": {
    "h": 69.474,
    "s": 90.476,
    "l": 8.235
  },
  "oklch": {
    "l": 0.26195,
    "c": 0.0583,
    "h": 118.2
  },
  "luminance": 0.01862
}

Semantic roles & 50–950 ramp

primary

#222802

secondary

#26196D

accent

#29FF4B

background

#F5F5F4

surface

#E9E9E6

border

#C5C5C2

text

#040500

muted

#797977

Preview Lab

Preview with #222802

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

Preview Lab → · Contrast checker → · Palette generator →