#6DC4F3#6DC4F3

#6DC4F3 is a light, moderate cyan. Relative luminance 0.492; OKLCH L 78.4% C 0.108 H 234.1°. Best body text is #000000 at 10.84:1 contrast (WCAG AA passes).

Color values

HEX#6DC4F3
RGBrgb(109, 196, 243)
HSLhsl(201, 85%, 69%)
HSVhsv(201, 55%, 95%)
CMYKcmyk(55.1%, 19.3%, 0%, 4.7%)
CIE-LABlab(75.57, -13.22, -31.22)
CIE-LCHlch(75.57, 33.91, 247.05°)
OKLaboklab(78.38% -0.0631 -0.0871)
OKLCHoklch(78.38% 0.108 234.1)
XYZxyz(42.2182, 49.1984, 92.0480)
Luminance0.4920 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#6DC4F3 #F39C6D
analogous
#6DF3DF #6DC4F3 #6D81F3
triadic
#6DC4F3 #F36DC4 #C4F36D
tetradic
#6DC4F3 #DF6DF3 #F39C6D #81F36D
square
#6DC4F3 #DF6DF3 #F39C6D #81F36D
split-complementary
#6DC4F3 #F36D81 #F3DF6D
monochromatic
#1190D4 #34ADEE #6DC4F3 #A6DBF8 #DEF2FC

Accessibility & contrast

On white

1.94
#6DC4F3 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.84
#6DC4F3 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #6DC4F3
10.84:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##6DC4F3#FFFFFF#000000##000000
##6DC4F31.001.9410.8410.84
#FFFFFF1.941.0021.0021.00
#00000010.8421.001.001.00
##00000010.8421.001.001.00

Color blindness preview

Protanopia (red-blind)
#AEC2F5
Deuteranopia (green-blind)
#9BB4F2
Tritanopia (blue-blind)
#00D0D3
Achromatopsia (no color)
#BABABA

Design tokens & code

CSS
--color: #6dc4f3;
/* rgb */ color: rgb(109, 196, 243);
/* oklch */ color: oklch(78.4% 0.108 234.1);
Tailwind
colors: {
  custom: {
    50: '#a0d5f7',
    500: '#6dc4f3',
    950: '#000000',
  },
}
SCSS
$custom: #6dc4f3;
$custom-light: #a0d5f7;
$custom-dark: #000000;
JSON
{
  "hex": "#6dc4f3",
  "rgb": {
    "r": 109,
    "g": 196,
    "b": 243
  },
  "hsl": {
    "h": 201.045,
    "s": 84.81,
    "l": 69.02
  },
  "oklch": {
    "l": 0.78381,
    "c": 0.10755,
    "h": 234.1
  },
  "luminance": 0.49202
}

Semantic roles & 50–950 ramp

primary
#6DC4F3
secondary
#F2D8CA
accent
#5204E1
background
#FAFDFF
surface
#F4FAFE
border
#CED3D6
text
#101417
muted
#7F8385

Preview Lab

Preview with #6DC4F3

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

Preview Lab → · Contrast checker → · Palette generator →

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