#5BD1FF#5BD1FF

#5BD1FF is a light, vivid cyan. Relative luminance 0.550; OKLCH L 81.1% C 0.123 H 227.1°. Best body text is #000000 at 12.01:1 contrast (WCAG AA passes).

Color values

HEX#5BD1FF
RGBrgb(91, 209, 255)
HSLhsl(197, 100%, 68%)
HSVhsv(197, 64%, 100%)
CMYKcmyk(64.3%, 18%, 0%, 0%)
CIE-LABlab(79.06, -19.61, -32.32)
CIE-LCHlch(79.06, 37.80, 238.76°)
OKLaboklab(81.14% -0.084 -0.0903)
OKLCHoklch(81.14% 0.123 227.1)
XYZxyz(45.1577, 55.0403, 102.8323)
Luminance0.5504 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#5BD1FF #FF895B
analogous
#5BFFDB #5BD1FF #5B7FFF
triadic
#5BD1FF #FF5BD1 #D1FF5B
tetradic
#5BD1FF #DB5BFF #FF895B #7FFF5B
square
#5BD1FF #DB5BFF #FF895B #7FFF5B
split-complementary
#5BD1FF #FF5B7F #FFDB5B
monochromatic
#00A1E0 #1EC0FF #5BD1FF #98E2FF #D5F3FF

Accessibility & contrast

On white

1.75
#5BD1FF on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.01
#5BD1FF on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #5BD1FF
12.01:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##5BD1FF#FFFFFF#000000##000000
##5BD1FF1.001.7512.0112.01
#FFFFFF1.751.0021.0021.00
#00000012.0121.001.001.00
##00000012.0121.001.001.00

Color blindness preview

Protanopia (red-blind)
#B8CDFF
Deuteranopia (green-blind)
#A2BCFE
Tritanopia (blue-blind)
#00DEE0
Achromatopsia (no color)
#C4C4C4

Design tokens & code

CSS
--color: #5bd1ff;
/* rgb */ color: rgb(91, 209, 255);
/* oklch */ color: oklch(81.1% 0.123 227.1);
Tailwind
colors: {
  custom: {
    50: '#99dfff',
    500: '#5bd1ff',
    950: '#000000',
  },
}
SCSS
$custom: #5bd1ff;
$custom-light: #99dfff;
$custom-dark: #000000;
JSON
{
  "hex": "#5bd1ff",
  "rgb": {
    "r": 91,
    "g": 209,
    "b": 255
  },
  "hsl": {
    "h": 196.829,
    "s": 100,
    "l": 67.843
  },
  "oklch": {
    "l": 0.81137,
    "c": 0.12335,
    "h": 227.1
  },
  "luminance": 0.55045
}

Semantic roles & 50–950 ramp

primary
#5BD1FF
secondary
#D85826
accent
#4000E6
background
#FCFEFF
surface
#F6FCFF
border
#D0D5D7
text
#0F1518
muted
#808486

Preview Lab

Preview with #5BD1FF

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

Preview Lab → · Contrast checker → · Palette generator →

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