#55D8F1#55D8F1

#55D8F1 is a light, moderate teal. Relative luminance 0.574; OKLCH L 82.0% C 0.118 H 212.6°. Best body text is #000000 at 12.48:1 contrast (WCAG AA passes).

Color values

HEX#55D8F1
RGBrgb(85, 216, 241)
HSLhsl(190, 85%, 64%)
HSVhsv(190, 65%, 95%)
CMYKcmyk(64.7%, 10.4%, 0%, 5.5%)
CIE-LABlab(80.40, -28.21, -22.84)
CIE-LCHlch(80.40, 36.30, 218.99°)
OKLaboklab(82% -0.0994 -0.0635)
OKLCHoklch(82% 0.118 212.6)
XYZxyz(44.1727, 57.3891, 91.9512)
Luminance0.5739 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#55D8F1 #F16E55
analogous
#55F1BC #55D8F1 #558AF1
triadic
#55D8F1 #F155D8 #D8F155
tetradic
#55D8F1 #BC55F1 #F16E55 #8AF155
square
#55D8F1 #BC55F1 #F16E55 #8AF155
split-complementary
#55D8F1 #F1558A #F1BC55
monochromatic
#0FA0BC #1CCBEC #55D8F1 #8EE5F6 #C6F2FA

Accessibility & contrast

On white

1.68
#55D8F1 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.48
#55D8F1 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #55D8F1
12.48:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##55D8F1#FFFFFF#000000##000000
##55D8F11.001.6812.4812.48
#FFFFFF1.681.0021.0021.00
#00000012.4821.001.001.00
##00000012.4821.001.001.00

Color blindness preview

Protanopia (red-blind)
#C5D1F2
Deuteranopia (green-blind)
#AEC0F1
Tritanopia (blue-blind)
#00E2E0
Achromatopsia (no color)
#C7C7C7

Design tokens & code

CSS
--color: #55d8f1;
/* rgb */ color: rgb(85, 216, 241);
/* oklch */ color: oklch(82.0% 0.118 212.6);
Tailwind
colors: {
  custom: {
    50: '#96e4f5',
    500: '#55d8f1',
    950: '#000000',
  },
}
SCSS
$custom: #55d8f1;
$custom-light: #96e4f5;
$custom-dark: #000000;
JSON
{
  "hex": "#55d8f1",
  "rgb": {
    "r": 85,
    "g": 216,
    "b": 241
  },
  "hsl": {
    "h": 189.615,
    "s": 84.783,
    "l": 63.922
  },
  "oklch": {
    "l": 0.81996,
    "c": 0.11793,
    "h": 212.6
  },
  "luminance": 0.57394
}

Semantic roles & 50–950 ramp

primary
#55D8F1
secondary
#BB4630
accent
#2804E1
background
#FCFEFF
surface
#F5FCFE
border
#CFD5D6
text
#0F1517
muted
#808485

Preview Lab

Preview with #55D8F1

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

Preview Lab → · Contrast checker → · Palette generator →

#55D8F1 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva