#91BFC0#91BFC0

#91BFC0 is a light, muted teal. Relative luminance 0.471; OKLCH L 77.2% C 0.049 H 197.9°. Best body text is #000000 at 10.42:1 contrast (WCAG AA passes).

Color values

HEX	#91BFC0
RGB	rgb(145, 191, 192)
HSL	hsl(181, 27%, 66%)
HSV	hsv(181, 24%, 75%)
CMYK	cmyk(24.5%, 0.5%, 0%, 24.7%)
CIE-LAB	lab(74.24, -14.86, -5.45)
CIE-LCH	lch(74.24, 15.82, 200.16°)
OKLab	oklab(77.24% -0.0462 -0.0149)
OKLCH	oklch(77.24% 0.049 197.9)
XYZ	xyz(39.8193, 47.0854, 56.8493)
Luminance	0.4709 (WCAG relative)
Temperature	cool
Family	teal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#91BFC0 #C09291

analogous

#91C0A9 #91BFC0 #91A7C0

triadic

#91BFC0 #C091BF #BFC091

tetradic

#91BFC0 #A991C0 #C09291 #A7C091

square

#91BFC0 #A991C0 #C09291 #A7C091

split-complementary

#91BFC0 #C091A7 #C0A991

monochromatic

#4E8788 #6AA8AA #91BFC0 #B8D6D6 #DFECED

Accessibility & contrast

On white

2.02

#91BFC0 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

10.42

#91BFC0 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #91BFC0

10.42:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##91BFC0	#FFFFFF	#000000	##000000
##91BFC0	1.00	2.02	10.42	10.42
#FFFFFF	2.02	1.00	21.00	21.00
#000000	10.42	21.00	1.00	1.00
##000000	10.42	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#B9BBC0

Deuteranopia (green-blind)

#B0B4C0

Tritanopia (blue-blind)

#81C2BF

Achromatopsia (no color)

#B7B7B7

Design tokens & code

CSS

--color: #91bfc0;
/* rgb */ color: rgb(145, 191, 192);
/* oklch */ color: oklch(77.2% 0.049 197.9);

Tailwind

colors: {
  custom: {
    50: '#b2d2d3',
    500: '#91bfc0',
    950: '#000000',
  },
}

SCSS

$custom: #91bfc0;
$custom-light: #b2d2d3;
$custom-dark: #000000;

JSON

{
  "hex": "#91bfc0",
  "rgb": {
    "r": 145,
    "g": 191,
    "b": 192
  },
  "hsl": {
    "h": 181.277,
    "s": 27.168,
    "l": 66.078
  },
  "oklch": {
    "l": 0.77236,
    "c": 0.04856,
    "h": 197.9
  },
  "luminance": 0.47087
}

Semantic roles & 50–950 ramp

primary

#91BFC0

secondary

#DECFCF

accent

#4240A6

background

#FBFCFC

surface

#F6F9F9

border

#D0D2D2

text

#111414

muted

#808282

Preview Lab

Preview with #91BFC0

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

Preview Lab → · Contrast checker → · Palette generator →