#53B9BB#53B9BB

#53B9BB is a light, moderate teal. Relative luminance 0.401; OKLCH L 72.7% C 0.094 H 197.0°. Best body text is #000000 at 9.02:1 contrast (WCAG AA passes).

Color values

HEX#53B9BB
RGBrgb(83, 185, 187)
HSLhsl(181, 43%, 53%)
HSVhsv(181, 56%, 73%)
CMYKcmyk(55.6%, 1.1%, 0%, 26.7%)
CIE-LABlab(69.56, -28.79, -9.99)
CIE-LCHlch(69.56, 30.47, 199.13°)
OKLaboklab(72.67% -0.0902 -0.0276)
OKLCHoklch(72.67% 0.094 197)
XYZxyz(29.8821, 40.1218, 53.1736)
Luminance0.4012 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#53B9BB #BB5553
analogous
#53BB89 #53B9BB #5385BB
triadic
#53B9BB #BB53B9 #B9BB53
tetradic
#53B9BB #8953BB #BB5553 #85BB53
square
#53B9BB #8953BB #BB5553 #85BB53
split-complementary
#53B9BB #BB5385 #BB8953
monochromatic
#2A696A #3B9496 #53B9BB #7FCBCC #ABDDDE

Accessibility & contrast

On white

2.33
#53B9BB on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.02
#53B9BB on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #53B9BB
9.02:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##53B9BB#FFFFFF#000000##000000
##53B9BB1.002.339.029.02
#FFFFFF2.331.0021.0021.00
#0000009.0221.001.001.00
##0000009.0221.001.001.00

Color blindness preview

Protanopia (red-blind)
#AEB1BB
Deuteranopia (green-blind)
#9DA5BC
Tritanopia (blue-blind)
#00BFB9
Achromatopsia (no color)
#AAAAAA

Design tokens & code

CSS
--color: #53b9bb;
/* rgb */ color: rgb(83, 185, 187);
/* oklch */ color: oklch(72.7% 0.094 197.0);
Tailwind
colors: {
  custom: {
    50: '#8dcecf',
    500: '#53b9bb',
    950: '#000000',
  },
}
SCSS
$custom: #53b9bb;
$custom-light: #8dcecf;
$custom-dark: #000000;
JSON
{
  "hex": "#53b9bb",
  "rgb": {
    "r": 83,
    "g": 185,
    "b": 187
  },
  "hsl": {
    "h": 181.154,
    "s": 43.333,
    "l": 52.941
  },
  "oklch": {
    "l": 0.72671,
    "c": 0.09432,
    "h": 197
  },
  "luminance": 0.40125
}

Semantic roles & 50–950 ramp

primary
#53B9BB
secondary
#CB9F9E
accent
#5755D3
background
#F9FCFC
surface
#F1F9F9
border
#CBD2D2
text
#0D1313
muted
#7E8282

Preview Lab

Preview with #53B9BB

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

Preview Lab → · Contrast checker → · Palette generator →

#53B9BB Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva