#214F17#214F17

#214F17 is a dark, moderate green. Relative luminance 0.060; OKLCH L 38.2% C 0.099 H 140.3°. Best body text is #FFFFFF at 9.57:1 contrast (WCAG AA passes).

Color values

HEX#214F17
RGBrgb(33, 79, 23)
HSLhsl(109, 55%, 20%)
HSVhsv(109, 71%, 31%)
CMYKcmyk(58.2%, 0%, 70.9%, 69%)
CIE-LABlab(29.35, -27.92, 27.48)
CIE-LCHlch(29.35, 39.18, 135.46°)
OKLaboklab(38.17% -0.0765 0.0636)
OKLCHoklch(38.17% 0.099 140.3)
XYZxyz(3.5777, 5.9769, 1.7756)
Luminance0.0598 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#214F17 #45174F
analogous
#3D4F17 #214F17 #174F29
triadic
#214F17 #17214F #4F1721
tetradic
#214F17 #173D4F #45174F #4F2917
square
#214F17 #173D4F #45174F #4F2917
split-complementary
#214F17 #29174F #4F173D
monochromatic
#0A1807 #0D2009 #214F17 #357E25 #49AE33

Accessibility & contrast

On white

9.57
#214F17 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.20
#214F17 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #214F17
9.57:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##214F17#FFFFFF#000000##FFFFFF
##214F171.009.572.209.57
#FFFFFF9.571.0021.001.00
#0000002.2021.001.0021.00
##FFFFFF9.571.0021.001.00

Color blindness preview

Protanopia (red-blind)
#514810
Deuteranopia (green-blind)
#4B441C
Tritanopia (blue-blind)
#1C4C43
Achromatopsia (no color)
#454545

Design tokens & code

CSS
--color: #214f17;
/* rgb */ color: rgb(33, 79, 23);
/* oklch */ color: oklch(38.2% 0.099 140.3);
Tailwind
colors: {
  custom: {
    50: '#628157',
    500: '#214f17',
    950: '#000000',
  },
}
SCSS
$custom: #214f17;
$custom-light: #628157;
$custom-dark: #000000;
JSON
{
  "hex": "#214f17",
  "rgb": {
    "r": 33,
    "g": 79,
    "b": 23
  },
  "hsl": {
    "h": 109.286,
    "s": 54.902,
    "l": 20
  },
  "oklch": {
    "l": 0.38165,
    "c": 0.09947,
    "h": 140.3
  },
  "luminance": 0.05977
}

Semantic roles & 50–950 ramp

primary
#214F17
secondary
#793C86
accent
#4ADEC4
background
#F6F7F5
surface
#EBEEE9
border
#C6C9C5
text
#050A03
muted
#7A7C78

Preview Lab

Preview with #214F17

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

Preview Lab → · Contrast checker → · Palette generator →

#214F17 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva