#5FCEF6#5FCEF6

#5FCEF6 is a light, moderate cyan. Relative luminance 0.532; OKLCH L 80.2% C 0.115 H 224.8°. Best body text is #000000 at 11.65:1 contrast (WCAG AA passes).

Color values

HEX#5FCEF6
RGBrgb(95, 206, 246)
HSLhsl(196, 89%, 67%)
HSVhsv(196, 61%, 96%)
CMYKcmyk(61.4%, 16.3%, 0%, 3.5%)
CIE-LABlab(78.01, -20.13, -29.13)
CIE-LCHlch(78.01, 35.41, 235.36°)
OKLaboklab(80.22% -0.0819 -0.0812)
OKLCHoklch(80.22% 0.115 224.8)
XYZxyz(43.4186, 53.2249, 95.1562)
Luminance0.5323 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#5FCEF6 #F6875F
analogous
#5FF6D3 #5FCEF6 #5F83F6
triadic
#5FCEF6 #F65FCE #CEF65F
tetradic
#5FCEF6 #D35FF6 #F6875F #83F65F
square
#5FCEF6 #D35FF6 #F6875F #83F65F
split-complementary
#5FCEF6 #F65F83 #F6D35F
monochromatic
#0C9BCF #25BCF3 #5FCEF6 #99E0F9 #D3F1FD

Accessibility & contrast

On white

1.80
#5FCEF6 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

11.65
#5FCEF6 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #5FCEF6
11.65:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##5FCEF6#FFFFFF#000000##000000
##5FCEF61.001.8011.6511.65
#FFFFFF1.801.0021.0021.00
#00000011.6521.001.001.00
##00000011.6521.001.001.00

Color blindness preview

Protanopia (red-blind)
#B8CAF8
Deuteranopia (green-blind)
#A2BAF6
Tritanopia (blue-blind)
#00DADB
Achromatopsia (no color)
#C1C1C1

Design tokens & code

CSS
--color: #5fcef6;
/* rgb */ color: rgb(95, 206, 246);
/* oklch */ color: oklch(80.2% 0.115 224.8);
Tailwind
colors: {
  custom: {
    50: '#9addf9',
    500: '#5fcef6',
    950: '#000000',
  },
}
SCSS
$custom: #5fcef6;
$custom-light: #9addf9;
$custom-dark: #000000;
JSON
{
  "hex": "#5fcef6",
  "rgb": {
    "r": 95,
    "g": 206,
    "b": 246
  },
  "hsl": {
    "h": 195.894,
    "s": 89.349,
    "l": 66.863
  },
  "oklch": {
    "l": 0.80218,
    "c": 0.11532,
    "h": 224.8
  },
  "luminance": 0.53229
}

Semantic roles & 50–950 ramp

primary
#5FCEF6
secondary
#CB582F
accent
#3D00E6
background
#FCFEFF
surface
#F5FCFF
border
#CFD5D7
text
#0F1517
muted
#808485

Preview Lab

Preview with #5FCEF6

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

Preview Lab → · Contrast checker → · Palette generator →

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