#177227#177227

#177227 is a mid, vivid green. Relative luminance 0.124; OKLCH L 48.4% C 0.138 H 145.5°. Best body text is #FFFFFF at 6.05:1 contrast (WCAG AA passes).

Color values

HEX	#177227
RGB	rgb(23, 114, 39)
HSL	hsl(131, 66%, 27%)
HSV	hsv(131, 80%, 45%)
CMYK	cmyk(79.8%, 0%, 65.8%, 55.3%)
CIE-LAB	lab(41.79, -42.16, 33.42)
CIE-LCH	lch(41.79, 53.80, 141.59°)
OKLab	oklab(48.42% -0.1137 0.0781)
OKLCH	oklch(48.42% 0.138 145.5)
XYZ	xyz(6.7364, 12.3625, 3.9502)
Luminance	0.1236 (WCAG relative)
Temperature	neutral
Family	green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#177227 #721762

analogous

#357217 #177227 #177255

triadic

#177227 #271772 #722717

tetradic

#177227 #173572 #721762 #725517

square

#177227 #173572 #721762 #725517

split-complementary

#177227 #551772 #721735

monochromatic

#051909 #0D3F16 #177227 #21A538 #2ED54C

Accessibility & contrast

On white

6.05

#177227 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.47

#177227 on #000000

AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #177227

6.05:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##177227	#FFFFFF	#000000	##FFFFFF
##177227	1.00	6.05	3.47	6.05
#FFFFFF	6.05	1.00	21.00	1.00
#000000	3.47	21.00	1.00	21.00
##FFFFFF	6.05	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#74671E

Deuteranopia (green-blind)

#6A602E

Tritanopia (blue-blind)

#006F62

Achromatopsia (no color)

#636363

Design tokens & code

CSS

--color: #177227;
/* rgb */ color: rgb(23, 114, 39);
/* oklch */ color: oklch(48.4% 0.138 145.5);

Tailwind

colors: {
  custom: {
    50: '#659b64',
    500: '#177227',
    950: '#000000',
  },
}

SCSS

$custom: #177227;
$custom-light: #659b64;
$custom-dark: #000000;

JSON

{
  "hex": "#177227",
  "rgb": {
    "r": 23,
    "g": 114,
    "b": 39
  },
  "hsl": {
    "h": 130.549,
    "s": 66.423,
    "l": 26.863
  },
  "oklch": {
    "l": 0.48421,
    "c": 0.13793,
    "h": 145.5
  },
  "luminance": 0.12363
}

Semantic roles & 50–950 ramp

primary

#177227

secondary

#A83D95

accent

#3ECBE9

background

#F6F9F6

surface

#EBF2EB

border

#C6CCC6

text

#060E06

muted

#7A7E7A

Preview Lab

Preview with #177227

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

Preview Lab → · Contrast checker → · Palette generator →