#52B889#52B889

#52B889 is a light, moderate teal. Relative luminance 0.379; OKLCH L 70.9% C 0.119 H 161.1°. Best body text is #000000 at 8.58:1 contrast (WCAG AA passes).

Color values

HEX#52B889
RGBrgb(82, 184, 137)
HSLhsl(152, 42%, 52%)
HSVhsv(152, 55%, 72%)
CMYKcmyk(55.4%, 0%, 25.5%, 27.8%)
CIE-LABlab(67.93, -40.84, 15.08)
CIE-LCHlch(67.93, 43.54, 159.74°)
OKLaboklab(70.92% -0.1124 0.0385)
OKLCHoklch(70.92% 0.119 161.1)
XYZxyz(25.1333, 37.8787, 29.6489)
Luminance0.3788 (WCAG relative)
Temperatureneutral
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#52B889 #B85281
analogous
#52B856 #52B889 #52B4B8
triadic
#52B889 #8952B8 #B88952
tetradic
#52B889 #5652B8 #B85281 #B4B852
square
#52B889 #5652B8 #B85281 #B4B852
split-complementary
#52B889 #B852B4 #B85652
monochromatic
#2A664A #3C916A #52B889 #7DCAA7 #A9DCC4

Accessibility & contrast

On white

2.45
#52B889 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.58
#52B889 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #52B889
8.58:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##52B889#FFFFFF#000000##000000
##52B8891.002.458.588.58
#FFFFFF2.451.0021.0021.00
#0000008.5821.001.001.00
##0000008.5821.001.001.00

Color blindness preview

Protanopia (red-blind)
#B6AC86
Deuteranopia (green-blind)
#A7A18C
Tritanopia (blue-blind)
#2BB8AB
Achromatopsia (no color)
#A6A6A6

Design tokens & code

CSS
--color: #52b889;
/* rgb */ color: rgb(82, 184, 137);
/* oklch */ color: oklch(70.9% 0.119 161.1);
Tailwind
colors: {
  custom: {
    50: '#8bceab',
    500: '#52b889',
    950: '#000000',
  },
}
SCSS
$custom: #52b889;
$custom-light: #8bceab;
$custom-dark: #000000;
JSON
{
  "hex": "#52b889",
  "rgb": {
    "r": 82,
    "g": 184,
    "b": 137
  },
  "hsl": {
    "h": 152.353,
    "s": 41.803,
    "l": 52.157
  },
  "oklch": {
    "l": 0.70916,
    "c": 0.11879,
    "h": 161.1
  },
  "luminance": 0.37881
}

Semantic roles & 50–950 ramp

primary
#52B889
secondary
#C99DB1
accent
#568FD2
background
#F8FCFA
surface
#F0F9F4
border
#CBD2CE
text
#0D1410
muted
#7D827F

Preview Lab

Preview with #52B889

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

Preview Lab → · Contrast checker → · Palette generator →

#52B889 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva