#428252#428252

#428252 is a mid, moderate green. Relative luminance 0.177; OKLCH L 55.1% C 0.100 H 150.2°. Best body text is #FFFFFF at 4.62:1 contrast (WCAG AA passes).

Color values

HEX	#428252
RGB	rgb(66, 130, 82)
HSL	hsl(135, 33%, 38%)
HSV	hsv(135, 49%, 51%)
CMYK	cmyk(49.2%, 0%, 36.9%, 49%)
CIE-LAB	lab(49.17, -31.81, 19.83)
CIE-LCH	lch(49.17, 37.48, 148.07°)
OKLab	oklab(55.08% -0.0865 0.0496)
OKLCH	oklch(55.08% 0.1 150.2)
XYZ	xyz(11.7516, 17.7318, 10.7843)
Luminance	0.1773 (WCAG relative)
Temperature	neutral
Family	green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#428252 #824272

analogous

#528242 #428252 #428272

triadic

#428252 #524282 #825242

tetradic

#428252 #425282 #824272 #827242

square

#428252 #425282 #824272 #827242

split-complementary

#428252 #724282 #824252

monochromatic

#19311F #2D5938 #428252 #57AA6C #80BE90

Accessibility & contrast

On white

4.62

#428252 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

4.55

#428252 on #000000

AA ✓AA large ✓AAA ✗

Best text color

#FFFFFF on #428252

4.62:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##428252	#FFFFFF	#000000	##FFFFFF
##428252	1.00	4.62	4.55	4.62
#FFFFFF	4.62	1.00	21.00	1.00
#000000	4.55	21.00	1.00	21.00
##FFFFFF	4.62	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#83794F

Deuteranopia (green-blind)

#797255

Tritanopia (blue-blind)

#358076

Achromatopsia (no color)

#757575

Design tokens & code

CSS

--color: #428252;
/* rgb */ color: rgb(66, 130, 82);
/* oklch */ color: oklch(55.1% 0.100 150.2);

Tailwind

colors: {
  custom: {
    50: '#7ba783',
    500: '#428252',
    950: '#000000',
  },
}

SCSS

$custom: #428252;
$custom-light: #7ba783;
$custom-dark: #000000;

JSON

{
  "hex": "#428252",
  "rgb": {
    "r": 66,
    "g": 130,
    "b": 82
  },
  "hsl": {
    "h": 135,
    "s": 32.653,
    "l": 38.431
  },
  "oklch": {
    "l": 0.55077,
    "c": 0.09974,
    "h": 150.2
  },
  "luminance": 0.17733
}

Semantic roles & 50–950 ramp

primary

#428252

secondary

#A9779D

accent

#5FAEC9

background

#F7FAF8

surface

#EEF4EF

border

#C9CECA

text

#0A0F0A

muted

#7C7F7C

Preview Lab

Preview with #428252

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

Preview Lab → · Contrast checker → · Palette generator →