#57A78E#57A78E

#57A78E is a light, moderate teal. Relative luminance 0.316; OKLCH L 67.0% C 0.088 H 171.0°. Best body text is #000000 at 7.32:1 contrast (WCAG AA passes).

Color values

HEX#57A78E
RGBrgb(87, 167, 142)
HSLhsl(161, 31%, 50%)
HSVhsv(161, 48%, 65%)
CMYKcmyk(47.9%, 0%, 15%, 34.5%)
CIE-LABlab(63.02, -30.72, 5.39)
CIE-LCHlch(63.02, 31.19, 170.04°)
OKLaboklab(67.01% -0.087 0.0138)
OKLCHoklch(67.01% 0.088 171)
XYZxyz(22.6296, 31.6148, 30.4957)
Luminance0.3162 (WCAG relative)
Temperatureneutral
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#57A78E #A75770
analogous
#57A766 #57A78E #5798A7
triadic
#57A78E #8E57A7 #A78E57
tetradic
#57A78E #6657A7 #A75770 #98A757
square
#57A78E #6657A7 #A75770 #98A757
split-complementary
#57A78E #A75798 #A76657
monochromatic
#2D574A #427F6C #57A78E #7FBCA9 #A7D1C4

Accessibility & contrast

On white

2.87
#57A78E on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.32
#57A78E on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #57A78E
7.32:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##57A78E#FFFFFF#000000##000000
##57A78E1.002.877.327.32
#FFFFFF2.871.0021.0021.00
#0000007.3221.001.001.00
##0000007.3221.001.001.00

Color blindness preview

Protanopia (red-blind)
#A39E8D
Deuteranopia (green-blind)
#969590
Tritanopia (blue-blind)
#3AA8A0
Achromatopsia (no color)
#989898

Design tokens & code

CSS
--color: #57a78e;
/* rgb */ color: rgb(87, 167, 142);
/* oklch */ color: oklch(67.0% 0.088 171.0);
Tailwind
colors: {
  custom: {
    50: '#8bc1af',
    500: '#57a78e',
    950: '#000000',
  },
}
SCSS
$custom: #57a78e;
$custom-light: #8bc1af;
$custom-dark: #000000;
JSON
{
  "hex": "#57a78e",
  "rgb": {
    "r": 87,
    "g": 167,
    "b": 142
  },
  "hsl": {
    "h": 161.25,
    "s": 31.496,
    "l": 49.804
  },
  "oklch": {
    "l": 0.67014,
    "c": 0.0881,
    "h": 171
  },
  "luminance": 0.31617
}

Semantic roles & 50–950 ramp

primary
#57A78E
secondary
#BF9BA6
accent
#6080C8
background
#F8FBFA
surface
#F0F7F4
border
#CBD0CE
text
#0C1210
muted
#7D817F

Preview Lab

Preview with #57A78E

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

Preview Lab → · Contrast checker → · Palette generator →

#57A78E Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva