#6FCEF3#6FCEF3

#6FCEF3 is a light, moderate cyan. Relative luminance 0.540; OKLCH L 80.7% C 0.104 H 225.7°. Best body text is #000000 at 11.80:1 contrast (WCAG AA passes).

Color values

HEX#6FCEF3
RGBrgb(111, 206, 243)
HSLhsl(197, 85%, 69%)
HSVhsv(197, 54%, 95%)
CMYKcmyk(54.3%, 15.2%, 0%, 4.7%)
CIE-LABlab(78.46, -18.02, -26.79)
CIE-LCHlch(78.46, 32.29, 236.08°)
OKLaboklab(80.69% -0.0725 -0.0744)
OKLCHoklch(80.69% 0.104 225.7)
XYZxyz(44.7983, 53.9892, 92.8368)
Luminance0.5399 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#6FCEF3 #F3946F
analogous
#6FF3D6 #6FCEF3 #6F8CF3
triadic
#6FCEF3 #F36FCE #CEF36F
tetradic
#6FCEF3 #D66FF3 #F3946F #8CF36F
square
#6FCEF3 #D66FF3 #F3946F #8CF36F
split-complementary
#6FCEF3 #F36F8C #F3D66F
monochromatic
#129FD6 #37BBEE #6FCEF3 #A7E1F8 #E0F4FC

Accessibility & contrast

On white

1.78
#6FCEF3 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

11.80
#6FCEF3 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #6FCEF3
11.80:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##6FCEF3#FFFFFF#000000##000000
##6FCEF31.001.7811.8011.80
#FFFFFF1.781.0021.0021.00
#00000011.8021.001.001.00
##00000011.8021.001.001.00

Color blindness preview

Protanopia (red-blind)
#BACAF5
Deuteranopia (green-blind)
#A7BCF3
Tritanopia (blue-blind)
#00D9DA
Achromatopsia (no color)
#C2C2C2

Design tokens & code

CSS
--color: #6fcef3;
/* rgb */ color: rgb(111, 206, 243);
/* oklch */ color: oklch(80.7% 0.104 225.7);
Tailwind
colors: {
  custom: {
    50: '#a1ddf7',
    500: '#6fcef3',
    950: '#000000',
  },
}
SCSS
$custom: #6fcef3;
$custom-light: #a1ddf7;
$custom-dark: #000000;
JSON
{
  "hex": "#6fcef3",
  "rgb": {
    "r": 111,
    "g": 206,
    "b": 243
  },
  "hsl": {
    "h": 196.818,
    "s": 84.615,
    "l": 69.412
  },
  "oklch": {
    "l": 0.80694,
    "c": 0.10395,
    "h": 225.7
  },
  "luminance": 0.53993
}

Semantic roles & 50–950 ramp

primary
#6FCEF3
secondary
#CC633A
accent
#4204E1
background
#FDFEFF
surface
#F7FCFE
border
#D0D5D6
text
#101517
muted
#818485

Preview Lab

Preview with #6FCEF3

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

Preview Lab → · Contrast checker → · Palette generator →

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