#229859#229859

#229859 is a mid, vivid green. Relative luminance 0.235; OKLCH L 60.1% C 0.139 H 154.3°. Best body text is #000000 at 5.70:1 contrast (WCAG AA passes).

Color values

HEX	#229859
RGB	rgb(34, 152, 89)
HSL	hsl(148, 63%, 36%)
HSV	hsv(148, 78%, 60%)
CMYK	cmyk(77.6%, 0%, 41.4%, 40.4%)
CIE-LAB	lab(55.60, -46.53, 24.30)
CIE-LCH	lch(55.60, 52.49, 152.43°)
OKLab	oklab(60.14% -0.1253 0.0604)
OKLCH	oklch(60.14% 0.139 154.3)
XYZ	xyz(13.6898, 23.5162, 13.2668)
Luminance	0.2352 (WCAG relative)
Temperature	neutral
Family	green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#229859 #982261

analogous

#269822 #229859 #229894

triadic

#229859 #592298 #985922

tetradic

#229859 #222698 #982261 #989422

square

#229859 #222698 #982261 #989422

split-complementary

#229859 #942298 #982226

monochromatic

#0C341E #17663C #229859 #2DCA76 #5ADA96

Accessibility & contrast

On white

3.68

#229859 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

5.70

#229859 on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #229859

5.70:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##229859	#FFFFFF	#000000	##000000
##229859	1.00	3.68	5.70	5.70
#FFFFFF	3.68	1.00	21.00	21.00
#000000	5.70	21.00	1.00	1.00
##000000	5.70	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#988B55

Deuteranopia (green-blind)

#8A815D

Tritanopia (blue-blind)

#009688

Achromatopsia (no color)

#858585

Design tokens & code

CSS

--color: #229859;
/* rgb */ color: rgb(34, 152, 89);
/* oklch */ color: oklch(60.1% 0.139 154.3);

Tailwind

colors: {
  custom: {
    50: '#70b788',
    500: '#229859',
    950: '#000000',
  },
}

SCSS

$custom: #229859;
$custom-light: #70b788;
$custom-dark: #000000;

JSON

{
  "hex": "#229859",
  "rgb": {
    "r": 34,
    "g": 152,
    "b": 89
  },
  "hsl": {
    "h": 147.966,
    "s": 63.441,
    "l": 36.471
  },
  "oklch": {
    "l": 0.6014,
    "c": 0.13913,
    "h": 154.3
  },
  "luminance": 0.23518
}

Semantic roles & 50–950 ramp

primary

#229859

secondary

#BE578E

accent

#4199E6

background

#F7FBF8

surface

#EDF6F0

border

#C8D0CB

text

#09110B

muted

#7B807C

Preview Lab

Preview with #229859

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

Preview Lab → · Contrast checker → · Palette generator →