#9BCBBC#9BCBBC

#9BCBBC is a light, muted teal. Relative luminance 0.533; OKLCH L 80.4% C 0.055 H 173.7°. Best body text is #000000 at 11.66:1 contrast (WCAG AA passes).

Color values

HEX	#9BCBBC
RGB	rgb(155, 203, 188)
HSL	hsl(161, 32%, 70%)
HSV	hsv(161, 24%, 80%)
CMYK	cmyk(23.6%, 0%, 7.4%, 20.4%)
CIE-LAB	lab(78.06, -18.78, 2.37)
CIE-LCH	lch(78.06, 18.93, 172.82°)
OKLab	oklab(80.39% -0.0543 0.006)
OKLCH	oklch(80.39% 0.055 173.7)
XYZ	xyz(43.9479, 53.3096, 55.5414)
Luminance	0.5331 (WCAG relative)
Temperature	neutral
Family	teal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#9BCBBC #CB9BAA

analogous

#9BCBA4 #9BCBBC #9BC2CB

triadic

#9BCBBC #BC9BCB #CBBC9B

tetradic

#9BCBBC #A49BCB #CB9BAA #C2CB9B

square

#9BCBBC #A49BCB #CB9BAA #C2CB9B

split-complementary

#9BCBBC #CB9BC2 #CBA49B

monochromatic

#519B84 #73B6A1 #9BCBBC #C3E0D7 #EBF5F2

Accessibility & contrast

On white

1.80

#9BCBBC on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

11.66

#9BCBBC on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #9BCBBC

11.66:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##9BCBBC	#FFFFFF	#000000	##000000
##9BCBBC	1.00	1.80	11.66	11.66
#FFFFFF	1.80	1.00	21.00	21.00
#000000	11.66	21.00	1.00	1.00
##000000	11.66	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#C8C5BB

Deuteranopia (green-blind)

#BFBEBD

Tritanopia (blue-blind)

#8FCCC6

Achromatopsia (no color)

#C1C1C1

Design tokens & code

CSS

--color: #9bcbbc;
/* rgb */ color: rgb(155, 203, 188);
/* oklch */ color: oklch(80.4% 0.055 173.7);

Tailwind

colors: {
  custom: {
    50: '#b9dbd0',
    500: '#9bcbbc',
    950: '#000000',
  },
}

SCSS

$custom: #9bcbbc;
$custom-light: #b9dbd0;
$custom-dark: #000000;

JSON

{
  "hex": "#9bcbbc",
  "rgb": {
    "r": 155,
    "g": 203,
    "b": 188
  },
  "hsl": {
    "h": 161.25,
    "s": 31.579,
    "l": 70.196
  },
  "oklch": {
    "l": 0.80391,
    "c": 0.05464,
    "h": 173.7
  },
  "luminance": 0.53311
}

Semantic roles & 50–950 ramp

primary

#9BCBBC

secondary

#A06A7B

accent

#3B5EAA

background

#FDFEFE

surface

#F8FBFB

border

#D1D4D4

text

#111514

muted

#818483

Preview Lab

Preview with #9BCBBC

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

Preview Lab → · Contrast checker → · Palette generator →