#6195DC#6195DC

#6195DC is a light, vivid cyan. Relative luminance 0.292; OKLCH L 66.4% C 0.120 H 256.5°. Best body text is #000000 at 6.84:1 contrast (WCAG AA passes).

Color values

HEX#6195DC
RGBrgb(97, 149, 220)
HSLhsl(215, 64%, 62%)
HSVhsv(215, 56%, 86%)
CMYKcmyk(55.9%, 32.3%, 0%, 13.7%)
CIE-LABlab(60.96, 3.30, -41.41)
CIE-LCHlch(60.96, 41.55, 274.55°)
OKLaboklab(66.4% -0.0281 -0.1168)
OKLCHoklch(66.4% 0.12 256.5)
XYZxyz(28.5910, 29.2012, 71.8260)
Luminance0.2920 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#6195DC #DCA861
analogous
#61D3DC #6195DC #6A61DC
triadic
#6195DC #DC6195 #95DC61
tetradic
#6195DC #DC61D3 #DCA861 #61DC6A
square
#6195DC #DC61D3 #DCA861 #61DC6A
split-complementary
#6195DC #DC6A61 #D3DC61
monochromatic
#23589F #2F73D1 #6195DC #93B7E7 #C5D8F2

Accessibility & contrast

On white

3.07
#6195DC on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.84
#6195DC on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #6195DC
6.84:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##6195DC#FFFFFF#000000##000000
##6195DC1.003.076.846.84
#FFFFFF3.071.0021.0021.00
#0000006.8421.001.001.00
##0000006.8421.001.001.00

Color blindness preview

Protanopia (red-blind)
#789ADF
Deuteranopia (green-blind)
#688EDB
Tritanopia (blue-blind)
#00A5AE
Achromatopsia (no color)
#939393

Design tokens & code

CSS
--color: #6195dc;
/* rgb */ color: rgb(97, 149, 220);
/* oklch */ color: oklch(66.4% 0.120 256.5);
Tailwind
colors: {
  custom: {
    50: '#96b3e7',
    500: '#6195dc',
    950: '#000000',
  },
}
SCSS
$custom: #6195dc;
$custom-light: #96b3e7;
$custom-dark: #000000;
JSON
{
  "hex": "#6195dc",
  "rgb": {
    "r": 97,
    "g": 149,
    "b": 220
  },
  "hsl": {
    "h": 214.634,
    "s": 63.731,
    "l": 62.157
  },
  "oklch": {
    "l": 0.66401,
    "c": 0.12014,
    "h": 256.5
  },
  "luminance": 0.29204
}

Semantic roles & 50–950 ramp

primary
#6195DC
secondary
#E3D0B6
accent
#801ACC
background
#F9FBFE
surface
#F2F6FC
border
#CCD0D5
text
#0E1116
muted
#7E8084

Preview Lab

Preview with #6195DC

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

Preview Lab → · Contrast checker → · Palette generator →

#6195DC Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva