#6770CC#6770CC

#6770CC is a mid, vivid blue. Relative luminance 0.188; OKLCH L 58.1% C 0.140 H 276.9°. Best body text is #000000 at 4.77:1 contrast (WCAG AA passes).

Color values

HEX#6770CC
RGBrgb(103, 112, 204)
HSLhsl(235, 50%, 60%)
HSVhsv(235, 50%, 80%)
CMYKcmyk(49.5%, 45.1%, 0%, 20%)
CIE-LABlab(50.49, 21.72, -48.95)
CIE-LCHlch(50.49, 53.55, 293.93°)
OKLaboklab(58.15% 0.0168 -0.139)
OKLCHoklch(58.15% 0.14 276.9)
XYZxyz(22.2834, 18.8302, 59.5755)
Luminance0.1883 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#6770CC #CCC367
analogous
#67A3CC #6770CC #9067CC
triadic
#6770CC #CC6770 #70CC67
tetradic
#6770CC #CC67A3 #CCC367 #67CC90
square
#6770CC #CC67A3 #CCC367 #67CC90
split-complementary
#6770CC #CC9067 #A3CC67
monochromatic
#2E378A #3E49B8 #6770CC #959BDB #C3C6EB

Accessibility & contrast

On white

4.41
#6770CC on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

4.77
#6770CC on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #6770CC
4.77:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##6770CC#FFFFFF#000000##000000
##6770CC1.004.414.774.77
#FFFFFF4.411.0021.0021.00
#0000004.7721.001.001.00
##0000004.7721.001.001.00

Color blindness preview

Protanopia (red-blind)
#497CCF
Deuteranopia (green-blind)
#4074CA
Tritanopia (blue-blind)
#3F8494
Achromatopsia (no color)
#787878

Design tokens & code

CSS
--color: #6770cc;
/* rgb */ color: rgb(103, 112, 204);
/* oklch */ color: oklch(58.1% 0.140 276.9);
Tailwind
colors: {
  custom: {
    50: '#9898dc',
    500: '#6770cc',
    950: '#000000',
  },
}
SCSS
$custom: #6770cc;
$custom-light: #9898dc;
$custom-dark: #000000;
JSON
{
  "hex": "#6770cc",
  "rgb": {
    "r": 103,
    "g": 112,
    "b": 204
  },
  "hsl": {
    "h": 234.653,
    "s": 49.754,
    "l": 60.196
  },
  "oklch": {
    "l": 0.58147,
    "c": 0.14,
    "h": 276.9
  },
  "luminance": 0.18832
}

Semantic roles & 50–950 ramp

primary
#6770CC
secondary
#DBD7B4
accent
#B028BD
background
#F9F9FD
surface
#F2F2FB
border
#CCCCD4
text
#0E0D15
muted
#7E7E83

Preview Lab

Preview with #6770CC

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

Preview Lab → · Contrast checker → · Palette generator →

#6770CC Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva