#5EB6C7#5EB6C7

#5EB6C7 is a light, moderate teal. Relative luminance 0.400; OKLCH L 72.8% C 0.088 H 211.8°. Best body text is #000000 at 8.99:1 contrast (WCAG AA passes).

Color values

HEX#5EB6C7
RGBrgb(94, 182, 199)
HSLhsl(190, 48%, 57%)
HSVhsv(190, 53%, 78%)
CMYKcmyk(52.8%, 8.5%, 0%, 22%)
CIE-LABlab(69.44, -21.71, -16.72)
CIE-LCHlch(69.44, 27.40, 217.60°)
OKLaboklab(72.81% -0.0747 -0.0462)
OKLCHoklch(72.81% 0.088 211.8)
XYZxyz(31.6488, 39.9563, 60.0662)
Luminance0.3996 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#5EB6C7 #C76F5E
analogous
#5EC7A3 #5EB6C7 #5E82C7
triadic
#5EB6C7 #C75EB6 #B6C75E
tetradic
#5EB6C7 #A35EC7 #C76F5E #82C75E
square
#5EB6C7 #A35EC7 #C76F5E #82C75E
split-complementary
#5EB6C7 #C75E82 #C7A35E
monochromatic
#2C717F #3C9AAC #5EB6C7 #8BCBD7 #B9DFE7

Accessibility & contrast

On white

2.34
#5EB6C7 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.99
#5EB6C7 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #5EB6C7
8.99:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##5EB6C7#FFFFFF#000000##000000
##5EB6C71.002.348.998.99
#FFFFFF2.341.0021.0021.00
#0000008.9921.001.001.00
##0000008.9921.001.001.00

Color blindness preview

Protanopia (red-blind)
#A8B1C8
Deuteranopia (green-blind)
#98A4C7
Tritanopia (blue-blind)
#08BDBB
Achromatopsia (no color)
#AAAAAA

Design tokens & code

CSS
--color: #5eb6c7;
/* rgb */ color: rgb(94, 182, 199);
/* oklch */ color: oklch(72.8% 0.088 211.8);
Tailwind
colors: {
  custom: {
    50: '#94ccd8',
    500: '#5eb6c7',
    950: '#000000',
  },
}
SCSS
$custom: #5eb6c7;
$custom-light: #94ccd8;
$custom-dark: #000000;
JSON
{
  "hex": "#5eb6c7",
  "rgb": {
    "r": 94,
    "g": 182,
    "b": 199
  },
  "hsl": {
    "h": 189.714,
    "s": 48.387,
    "l": 57.451
  },
  "oklch": {
    "l": 0.7281,
    "c": 0.08783,
    "h": 211.8
  },
  "luminance": 0.39959
}

Semantic roles & 50–950 ramp

primary
#5EB6C7
secondary
#D6B2AB
accent
#6650D8
background
#F9FCFD
surface
#F2F8FA
border
#CCD1D3
text
#0E1314
muted
#7E8283

Preview Lab

Preview with #5EB6C7

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

Preview Lab → · Contrast checker → · Palette generator →

#5EB6C7 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva