#53B588#53B588

#53B588 is a light, moderate teal. Relative luminance 0.367; OKLCH L 70.2% C 0.115 H 161.4°. Best body text is #000000 at 8.33:1 contrast (WCAG AA passes).

Color values

HEX#53B588
RGBrgb(83, 181, 136)
HSLhsl(152, 40%, 52%)
HSVhsv(152, 54%, 71%)
CMYKcmyk(54.1%, 0%, 24.9%, 29%)
CIE-LABlab(67.02, -39.51, 14.36)
CIE-LCHlch(67.02, 42.03, 160.03°)
OKLaboklab(70.18% -0.1088 0.0367)
OKLCHoklch(70.18% 0.115 161.4)
XYZxyz(24.5329, 36.6621, 29.0714)
Luminance0.3666 (WCAG relative)
Temperatureneutral
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#53B588 #B55380
analogous
#53B557 #53B588 #53B1B5
triadic
#53B588 #8853B5 #B58853
tetradic
#53B588 #5753B5 #B55380 #B1B553
square
#53B588 #5753B5 #B55380 #B1B553
split-complementary
#53B588 #B553B1 #B55753
monochromatic
#2B6349 #3D8E69 #53B588 #7EC7A6 #A9DAC3

Accessibility & contrast

On white

2.52
#53B588 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.33
#53B588 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #53B588
8.33:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##53B588#FFFFFF#000000##000000
##53B5881.002.528.338.33
#FFFFFF2.521.0021.0021.00
#0000008.3321.001.001.00
##0000008.3321.001.001.00

Color blindness preview

Protanopia (red-blind)
#B3A985
Deuteranopia (green-blind)
#A49F8B
Tritanopia (blue-blind)
#30B5A9
Achromatopsia (no color)
#A3A3A3

Design tokens & code

CSS
--color: #53b588;
/* rgb */ color: rgb(83, 181, 136);
/* oklch */ color: oklch(70.2% 0.115 161.4);
Tailwind
colors: {
  custom: {
    50: '#8bccaa',
    500: '#53b588',
    950: '#000000',
  },
}
SCSS
$custom: #53b588;
$custom-light: #8bccaa;
$custom-dark: #000000;
JSON
{
  "hex": "#53b588",
  "rgb": {
    "r": 83,
    "g": 181,
    "b": 136
  },
  "hsl": {
    "h": 152.449,
    "s": 39.837,
    "l": 51.765
  },
  "oklch": {
    "l": 0.70178,
    "c": 0.11486,
    "h": 161.4
  },
  "luminance": 0.36664
}

Semantic roles & 50–950 ramp

primary
#53B588
secondary
#C79CB0
accent
#588FD0
background
#F8FCFA
surface
#F0F9F4
border
#CBD2CE
text
#0C1310
muted
#7D827F

Preview Lab

Preview with #53B588

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

Preview Lab → · Contrast checker → · Palette generator →

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