#227F1F#227F1F

#227F1F is a mid, vivid green. Relative luminance 0.156; OKLCH L 52.3% C 0.156 H 142.6°. Best body text is #FFFFFF at 5.09:1 contrast (WCAG AA passes).

Color values

HEX#227F1F
RGBrgb(34, 127, 31)
HSLhsl(118, 61%, 31%)
HSVhsv(118, 76%, 50%)
CMYKcmyk(73.2%, 0%, 75.6%, 50.2%)
CIE-LABlab(46.47, -45.70, 41.99)
CIE-LCHlch(46.47, 62.06, 137.42°)
OKLaboklab(52.35% -0.1242 0.0951)
OKLCHoklch(52.35% 0.156 142.6)
XYZxyz(8.4959, 15.6168, 3.8627)
Luminance0.1562 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#227F1F #7C1F7F
analogous
#527F1F #227F1F #1F7F4C
triadic
#227F1F #1F227F #7F1F22
tetradic
#227F1F #1F527F #7C1F7F #7F4C1F
square
#227F1F #1F527F #7C1F7F #7F4C1F
split-complementary
#227F1F #4C1F7F #7F1F52
monochromatic
#081D07 #154E13 #227F1F #2FB02B #4BD246

Accessibility & contrast

On white

5.09
#227F1F on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.12
#227F1F on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #227F1F
5.09:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##227F1F#FFFFFF#000000##FFFFFF
##227F1F1.005.094.125.09
#FFFFFF5.091.0021.001.00
#0000004.1221.001.0021.00
##FFFFFF5.091.0021.001.00

Color blindness preview

Protanopia (red-blind)
#82730D
Deuteranopia (green-blind)
#776B29
Tritanopia (blue-blind)
#047B6C
Achromatopsia (no color)
#6E6E6E

Design tokens & code

CSS
--color: #227f1f;
/* rgb */ color: rgb(34, 127, 31);
/* oklch */ color: oklch(52.3% 0.156 142.6);
Tailwind
colors: {
  custom: {
    50: '#6da561',
    500: '#227f1f',
    950: '#000000',
  },
}
SCSS
$custom: #227f1f;
$custom-light: #6da561;
$custom-dark: #000000;
JSON
{
  "hex": "#227f1f",
  "rgb": {
    "r": 34,
    "g": 127,
    "b": 31
  },
  "hsl": {
    "h": 118.125,
    "s": 60.759,
    "l": 30.98
  },
  "oklch": {
    "l": 0.52349,
    "c": 0.15644,
    "h": 142.6
  },
  "luminance": 0.15618
}

Semantic roles & 50–950 ramp

primary
#227F1F
secondary
#AF48B2
accent
#44E4DF
background
#F7FAF6
surface
#EDF4EB
border
#C8CEC6
text
#080F05
muted
#7B7F7A

Preview Lab

Preview with #227F1F

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

Preview Lab → · Contrast checker → · Palette generator →

#227F1F Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva