#255B3E#255B3E

#255B3E is a dark, moderate green. Relative luminance 0.082; OKLCH L 42.6% C 0.076 H 157.4°. Best body text is #FFFFFF at 7.94:1 contrast (WCAG AA passes).

Color values

HEX	#255B3E
RGB	rgb(37, 91, 62)
HSL	hsl(148, 42%, 25%)
HSV	hsv(148, 59%, 36%)
CMYK	cmyk(59.3%, 0%, 31.9%, 64.3%)
CIE-LAB	lab(34.44, -25.53, 11.46)
CIE-LCH	lch(34.44, 27.98, 155.83°)
OKLab	oklab(42.59% -0.0698 0.0291)
OKLCH	oklch(42.59% 0.076 157.4)
XYZ	xyz(5.3731, 8.2228, 5.8605)
Luminance	0.0822 (WCAG relative)
Temperature	neutral
Family	green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#255B3E #5B2542

analogous

#275B25 #255B3E #255B59

triadic

#255B3E #3E255B #5B3E25

tetradic

#255B3E #25275B #5B2542 #5B5925

square

#255B3E #25275B #5B2542 #5B5925

split-complementary

#255B3E #59255B #5B2527

monochromatic

#09160F #132F20 #255B3E #37875C #48B279

Accessibility & contrast

On white

7.94

#255B3E on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.64

#255B3E on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #255B3E

7.94:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##255B3E	#FFFFFF	#000000	##FFFFFF
##255B3E	1.00	7.94	2.64	7.94
#FFFFFF	7.94	1.00	21.00	1.00
#000000	2.64	21.00	1.00	21.00
##FFFFFF	7.94	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#5A543C

Deuteranopia (green-blind)

#534F40

Tritanopia (blue-blind)

#135A53

Achromatopsia (no color)

#515151

Design tokens & code

CSS

--color: #255b3e;
/* rgb */ color: rgb(37, 91, 62);
/* oklch */ color: oklch(42.6% 0.076 157.4);

Tailwind

colors: {
  custom: {
    50: '#658a73',
    500: '#255b3e',
    950: '#000000',
  },
}

SCSS

$custom: #255b3e;
$custom-light: #658a73;
$custom-dark: #000000;

JSON

{
  "hex": "#255b3e",
  "rgb": {
    "r": 37,
    "g": 91,
    "b": 62
  },
  "hsl": {
    "h": 147.778,
    "s": 42.188,
    "l": 25.098
  },
  "oklch": {
    "l": 0.42593,
    "c": 0.07557,
    "h": 157.4
  },
  "luminance": 0.08223
}

Semantic roles & 50–950 ramp

primary

#255B3E

secondary

#8E4D70

accent

#5698D2

background

#F6F8F7

surface

#EBF0ED

border

#C6CBC8

text

#060B08

muted

#7A7C7B

Preview Lab

Preview with #255B3E

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

Preview Lab → · Contrast checker → · Palette generator →