#85BABA#85BABA

#85BABA is a light, muted teal. Relative luminance 0.436; OKLCH L 75.2% C 0.055 H 196.0°. Best body text is #000000 at 9.73:1 contrast (WCAG AA passes).

Color values

HEX	#85BABA
RGB	rgb(133, 186, 186)
HSL	hsl(180, 28%, 63%)
HSV	hsv(180, 28%, 73%)
CMYK	cmyk(28.5%, 0%, 0%, 27.1%)
CIE-LAB	lab(71.99, -17.21, -5.58)
CIE-LCH	lch(71.99, 18.09, 197.98°)
OKLab	oklab(75.21% -0.0532 -0.0153)
OKLCH	oklch(75.21% 0.055 196)
XYZ	xyz(36.0918, 43.6477, 52.9680)
Luminance	0.4365 (WCAG relative)
Temperature	cool
Family	teal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#85BABA #BA8585

analogous

#85BA9F #85BABA #859FBA

triadic

#85BABA #BA85BA #BABA85

tetradic

#85BABA #9F85BA #BA8585 #9FBA85

square

#85BABA #9F85BA #BA8585 #9FBA85

split-complementary

#85BABA #BA859F #BA9F85

monochromatic

#477E7E #5EA4A4 #85BABA #ACD0D0 #D3E6E6

Accessibility & contrast

On white

2.16

#85BABA on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

9.73

#85BABA on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #85BABA

9.73:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##85BABA	#FFFFFF	#000000	##000000
##85BABA	1.00	2.16	9.73	9.73
#FFFFFF	2.16	1.00	21.00	21.00
#000000	9.73	21.00	1.00	1.00
##000000	9.73	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#B3B5BA

Deuteranopia (green-blind)

#A9ADBB

Tritanopia (blue-blind)

#72BDBA

Achromatopsia (no color)

#B0B0B0

Design tokens & code

CSS

--color: #85baba;
/* rgb */ color: rgb(133, 186, 186);
/* oklch */ color: oklch(75.2% 0.055 196.0);

Tailwind

colors: {
  custom: {
    50: '#aacece',
    500: '#85baba',
    950: '#000000',
  },
}

SCSS

$custom: #85baba;
$custom-light: #aacece;
$custom-dark: #000000;

JSON

{
  "hex": "#85baba",
  "rgb": {
    "r": 133,
    "g": 186,
    "b": 186
  },
  "hsl": {
    "h": 180,
    "s": 27.749,
    "l": 62.549
  },
  "oklch": {
    "l": 0.75207,
    "c": 0.05539,
    "h": 196
  },
  "luminance": 0.4365
}

Semantic roles & 50–950 ramp

primary

#85BABA

secondary

#D7C4C4

accent

#3F3FA6

background

#FAFCFC

surface

#F4F9F9

border

#CED2D2

text

#101313

muted

#7F8282

Preview Lab

Preview with #85BABA

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

Preview Lab → · Contrast checker → · Palette generator →