#255659#255659

#255659 is a dark, muted teal. Relative luminance 0.078; OKLCH L 42.1% C 0.053 H 200.8°. Best body text is #FFFFFF at 8.22:1 contrast (WCAG AA passes).

Color values

HEX	#255659
RGB	rgb(37, 86, 89)
HSL	hsl(183, 41%, 25%)
HSV	hsv(183, 58%, 35%)
CMYK	cmyk(58.4%, 3.4%, 0%, 65.1%)
CIE-LAB	lab(33.50, -15.46, -6.77)
CIE-LCH	lch(33.50, 16.88, 203.67°)
OKLab	oklab(42.08% -0.0494 -0.0187)
OKLCH	oklch(42.08% 0.053 200.8)
XYZ	xyz(5.8932, 7.7696, 10.6384)
Luminance	0.0777 (WCAG relative)
Temperature	cool
Family	teal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#255659 #592825

analogous

#255942 #255659 #253C59

triadic

#255659 #592556 #565925

tetradic

#255659 #422559 #592825 #3C5925

square

#255659 #422559 #592825 #3C5925

split-complementary

#255659 #59253C #594225

monochromatic

#091516 #132C2E #255659 #378084 #49AAAF

Accessibility & contrast

On white

8.22

#255659 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.55

#255659 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #255659

8.22:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##255659	#FFFFFF	#000000	##FFFFFF
##255659	1.00	8.22	2.55	8.22
#FFFFFF	8.22	1.00	21.00	1.00
#000000	2.55	21.00	1.00	21.00
##FFFFFF	8.22	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#505259

Deuteranopia (green-blind)

#484C59

Tritanopia (blue-blind)

#005957

Achromatopsia (no color)

#4F4F4F

Design tokens & code

CSS

--color: #255659;
/* rgb */ color: rgb(37, 86, 89);
/* oklch */ color: oklch(42.1% 0.053 200.8);

Tailwind

colors: {
  custom: {
    50: '#658587',
    500: '#255659',
    950: '#000000',
  },
}

SCSS

$custom: #255659;
$custom-light: #658587;
$custom-dark: #000000;

JSON

{
  "hex": "#255659",
  "rgb": {
    "r": 37,
    "g": 86,
    "b": 89
  },
  "hsl": {
    "h": 183.462,
    "s": 41.27,
    "l": 24.706
  },
  "oklch": {
    "l": 0.42084,
    "c": 0.05284,
    "h": 200.8
  },
  "luminance": 0.0777
}

Semantic roles & 50–950 ramp

primary

#255659

secondary

#8C514D

accent

#5E57D1

background

#F6F8F8

surface

#EBEFEF

border

#C6CACA

text

#060B0B

muted

#7A7C7C

Preview Lab

Preview with #255659

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

Preview Lab → · Contrast checker → · Palette generator →