#6CC8FC#6CC8FC

#6CC8FC is a light, moderate cyan. Relative luminance 0.515; OKLCH L 79.6% C 0.115 H 235.5°. Best body text is #000000 at 11.31:1 contrast (WCAG AA passes).

Color values

HEX#6CC8FC
RGBrgb(108, 200, 252)
HSLhsl(202, 96%, 71%)
HSVhsv(202, 57%, 99%)
CMYKcmyk(57.1%, 20.6%, 0%, 1.2%)
CIE-LABlab(76.99, -12.87, -33.87)
CIE-LCHlch(76.99, 36.23, 249.19°)
OKLaboklab(79.61% -0.0651 -0.0946)
OKLCHoklch(79.61% 0.115 235.5)
XYZxyz(44.4027, 51.5209, 99.6811)
Luminance0.5152 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#6CC8FC #FCA06C
analogous
#6CFCE8 #6CC8FC #6C80FC
triadic
#6CC8FC #FC6CC8 #C8FC6C
tetradic
#6CC8FC #E86CFC #FCA06C #80FC6C
square
#6CC8FC #E86CFC #FCA06C #80FC6C
split-complementary
#6CC8FC #FC6C80 #FCE86C
monochromatic
#0596E9 #30B2FB #6CC8FC #A8DEFD #E1F4FE

Accessibility & contrast

On white

1.86
#6CC8FC on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

11.31
#6CC8FC on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #6CC8FC
11.31:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##6CC8FC#FFFFFF#000000##000000
##6CC8FC1.001.8611.3111.31
#FFFFFF1.861.0021.0021.00
#00000011.3121.001.001.00
##00000011.3121.001.001.00

Color blindness preview

Protanopia (red-blind)
#AFC6FF
Deuteranopia (green-blind)
#9CB8FB
Tritanopia (blue-blind)
#00D6D9
Achromatopsia (no color)
#BEBEBE

Design tokens & code

CSS
--color: #6cc8fc;
/* rgb */ color: rgb(108, 200, 252);
/* oklch */ color: oklch(79.6% 0.115 235.5);
Tailwind
colors: {
  custom: {
    50: '#a1d8fd',
    500: '#6cc8fc',
    950: '#000000',
  },
}
SCSS
$custom: #6cc8fc;
$custom-light: #a1d8fd;
$custom-dark: #000000;
JSON
{
  "hex": "#6cc8fc",
  "rgb": {
    "r": 108,
    "g": 200,
    "b": 252
  },
  "hsl": {
    "h": 201.667,
    "s": 96,
    "l": 70.588
  },
  "oklch": {
    "l": 0.79609,
    "c": 0.11484,
    "h": 235.5
  },
  "luminance": 0.51525
}

Semantic roles & 50–950 ramp

primary
#6CC8FC
secondary
#D77035
accent
#5300E6
background
#FDFEFF
surface
#F7FBFF
border
#D0D4D7
text
#101417
muted
#818385

Preview Lab

Preview with #6CC8FC

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

Preview Lab → · Contrast checker → · Palette generator →

#6CC8FC Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva