#32808B#32808B

#32808B is a mid, moderate teal. Relative luminance 0.180; OKLCH L 55.7% C 0.077 H 208.0°. Best body text is #000000 at 4.60:1 contrast (WCAG AA passes).

Color values

HEX	#32808B
RGB	rgb(50, 128, 139)
HSL	hsl(187, 47%, 37%)
HSV	hsv(187, 64%, 55%)
CMYK	cmyk(64%, 7.9%, 0%, 45.5%)
CIE-LAB	lab(49.47, -20.09, -13.03)
CIE-LCH	lch(49.47, 23.95, 212.97°)
OKLab	oklab(55.66% -0.0678 -0.0361)
OKLCH	oklch(55.66% 0.077 208)
XYZ	xyz(13.6928, 17.9791, 27.1698)
Luminance	0.1798 (WCAG relative)
Temperature	cool
Family	teal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#32808B #8B3D32

analogous

#328B6A #32808B #32538B

triadic

#32808B #8B3280 #808B32

tetradic

#32808B #6A328B #8B3D32 #538B32

square

#32808B #6A328B #8B3D32 #538B32

split-complementary

#32808B #8B3253 #8B6A32

monochromatic

#122D31 #22575E #32808B #42A9B8 #6DBFCA

Accessibility & contrast

On white

4.57

#32808B on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

4.60

#32808B on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #32808B

4.60:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##32808B	#FFFFFF	#000000	##000000
##32808B	1.00	4.57	4.60	4.60
#FFFFFF	4.57	1.00	21.00	21.00
#000000	4.60	21.00	1.00	1.00
##000000	4.60	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#757B8C

Deuteranopia (green-blind)

#68718B

Tritanopia (blue-blind)

#008683

Achromatopsia (no color)

#767676

Design tokens & code

CSS

--color: #32808b;
/* rgb */ color: rgb(50, 128, 139);
/* oklch */ color: oklch(55.7% 0.077 208.0);

Tailwind

colors: {
  custom: {
    50: '#75a5ac',
    500: '#32808b',
    950: '#000000',
  },
}

SCSS

$custom: #32808b;
$custom-light: #75a5ac;
$custom-dark: #000000;

JSON

{
  "hex": "#32808b",
  "rgb": {
    "r": 50,
    "g": 128,
    "b": 139
  },
  "hsl": {
    "h": 187.416,
    "s": 47.09,
    "l": 37.059
  },
  "oklch": {
    "l": 0.55664,
    "c": 0.07685,
    "h": 208
  },
  "luminance": 0.17981
}

Semantic roles & 50–950 ramp

primary

#32808B

secondary

#B27067

accent

#6251D7

background

#F7FAFA

surface

#EDF4F4

border

#C8CECE

text

#090F10

muted

#7B7F7F

Preview Lab

Preview with #32808B

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

Preview Lab → · Contrast checker → · Palette generator →