#6CC1E4#6CC1E4

#6CC1E4 is a light, moderate cyan. Relative luminance 0.469; OKLCH L 77.0% C 0.096 H 226.9°. Best body text is #000000 at 10.39:1 contrast (WCAG AA passes).

Color values

HEX#6CC1E4
RGBrgb(108, 193, 228)
HSLhsl(198, 69%, 66%)
HSVhsv(198, 53%, 89%)
CMYKcmyk(52.6%, 15.4%, 0%, 10.6%)
CIE-LABlab(74.14, -16.20, -25.33)
CIE-LCHlch(74.14, 30.07, 237.40°)
OKLaboklab(77.05% -0.0659 -0.0703)
OKLCHoklch(77.05% 0.096 226.9)
XYZxyz(39.2526, 46.9261, 80.3729)
Luminance0.4693 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#6CC1E4 #E48F6C
analogous
#6CE4CB #6CC1E4 #6C85E4
triadic
#6CC1E4 #E46CC1 #C1E46C
tetradic
#6CC1E4 #CB6CE4 #E48F6C #85E46C
square
#6CC1E4 #CB6CE4 #E48F6C #85E46C
split-complementary
#6CC1E4 #E46C85 #E4CB6C
monochromatic
#2189B4 #38ABDB #6CC1E4 #A0D7ED #D3EDF7

Accessibility & contrast

On white

2.02
#6CC1E4 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.39
#6CC1E4 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #6CC1E4
10.39:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##6CC1E4#FFFFFF#000000##000000
##6CC1E41.002.0210.3910.39
#FFFFFF2.021.0021.0021.00
#00000010.3921.001.001.00
##00000010.3921.001.001.00

Color blindness preview

Protanopia (red-blind)
#AEBEE6
Deuteranopia (green-blind)
#9DB1E4
Tritanopia (blue-blind)
#17CBCC
Achromatopsia (no color)
#B6B6B6

Design tokens & code

CSS
--color: #6cc1e4;
/* rgb */ color: rgb(108, 193, 228);
/* oklch */ color: oklch(77.0% 0.096 226.9);
Tailwind
colors: {
  custom: {
    50: '#9ed3ec',
    500: '#6cc1e4',
    950: '#000000',
  },
}
SCSS
$custom: #6cc1e4;
$custom-light: #9ed3ec;
$custom-dark: #000000;
JSON
{
  "hex": "#6cc1e4",
  "rgb": {
    "r": 108,
    "g": 193,
    "b": 228
  },
  "hsl": {
    "h": 197.5,
    "s": 68.966,
    "l": 65.882
  },
  "oklch": {
    "l": 0.77049,
    "c": 0.09637,
    "h": 226.9
  },
  "luminance": 0.4693
}

Semantic roles & 50–950 ramp

primary
#6CC1E4
secondary
#EACEC2
accent
#4C15D1
background
#FAFCFE
surface
#F4F9FD
border
#CED2D5
text
#0F1416
muted
#7F8284

Preview Lab

Preview with #6CC1E4

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

Preview Lab → · Contrast checker → · Palette generator →

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