#0D2A02#0D2A02

#0D2A02 is a dark, moderate green. Relative luminance 0.017; OKLCH L 25.3% C 0.074 H 138.1°. Best body text is #FFFFFF at 15.56:1 contrast (WCAG AA passes).

Color values

HEX	#0D2A02
RGB	rgb(13, 42, 2)
HSL	hsl(104, 91%, 9%)
HSV	hsv(104, 95%, 16%)
CMYK	cmyk(69%, 0%, 95.2%, 83.5%)
CIE-LAB	lab(14.09, -19.97, 19.41)
CIE-LCH	lch(14.09, 27.85, 135.81°)
OKLab	oklab(25.28% -0.0553 0.0497)
OKLCH	oklch(25.28% 0.074 138.1)
XYZ	xyz(1.0049, 1.7458, 0.3414)
Luminance	0.0175 (WCAG relative)
Temperature	warm
Family	green

Closest named colors

Hunter Green (survey)

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#0D2A02 #1F022A

analogous

#212A02 #0D2A02 #022A0B

triadic

#0D2A02 #020D2A #2A020D

tetradic

#0D2A02 #02212A #1F022A #2A0B02

square

#0D2A02 #02212A #1F022A #2A0B02

split-complementary

#0D2A02 #0B022A #2A0221

monochromatic

#091D01 #091D01 #0D2A02 #1F6405 #319F08

Accessibility & contrast

On white

15.56

#0D2A02 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.35

#0D2A02 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #0D2A02

15.56:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##0D2A02	#FFFFFF	#000000	##FFFFFF
##0D2A02	1.00	15.56	1.35	15.56
#FFFFFF	15.56	1.00	21.00	1.00
#000000	1.35	21.00	1.00	21.00
##FFFFFF	15.56	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#2C2500

Deuteranopia (green-blind)

#282305

Tritanopia (blue-blind)

#0A2822

Achromatopsia (no color)

#242424

Design tokens & code

CSS

--color: #0d2a02;
/* rgb */ color: rgb(13, 42, 2);
/* oklch */ color: oklch(25.3% 0.074 138.1);

Tailwind

colors: {
  custom: {
    50: '#4f6447',
    500: '#0d2a02',
    950: '#000000',
  },
}

SCSS

$custom: #0d2a02;
$custom-light: #4f6447;
$custom-dark: #000000;

JSON

{
  "hex": "#0d2a02",
  "rgb": {
    "r": 13,
    "g": 42,
    "b": 2
  },
  "hsl": {
    "h": 103.5,
    "s": 90.909,
    "l": 8.627
  },
  "oklch": {
    "l": 0.25283,
    "c": 0.07433,
    "h": 138.1
  },
  "luminance": 0.01746
}

Semantic roles & 50–950 ramp

primary

#0D2A02

secondary

#57196F

accent

#29FFC4

background

#F4F6F4

surface

#E7EBE6

border

#C3C6C2

text

#020500

muted

#787A77

Preview Lab

Preview with #0D2A02

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

Preview Lab → · Contrast checker → · Palette generator →