#6F8BC2#6F8BC2

#6F8BC2 is a light, moderate blue. Relative luminance 0.257; OKLCH L 63.7% C 0.089 H 263.3°. Best body text is #000000 at 6.15:1 contrast (WCAG AA passes).

Color values

HEX#6F8BC2
RGBrgb(111, 139, 194)
HSLhsl(220, 40%, 60%)
HSVhsv(220, 43%, 76%)
CMYKcmyk(42.8%, 28.4%, 0%, 23.9%)
CIE-LABlab(57.79, 4.53, -31.72)
CIE-LCHlch(57.79, 32.04, 278.12°)
OKLaboklab(63.75% -0.0104 -0.0886)
OKLCHoklch(63.75% 0.089 263.3)
XYZxyz(25.5227, 25.7384, 54.6516)
Luminance0.2574 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#6F8BC2 #C2A66F
analogous
#6FB5C2 #6F8BC2 #7D6FC2
triadic
#6F8BC2 #C26F8B #8BC26F
tetradic
#6F8BC2 #C26FB5 #C2A66F #6FC27D
square
#6F8BC2 #C26FB5 #C2A66F #6FC27D
split-complementary
#6F8BC2 #C27D6F #B5C26F
monochromatic
#364F80 #496AAB #6F8BC2 #9AAED4 #C5D0E6

Accessibility & contrast

On white

3.42
#6F8BC2 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.15
#6F8BC2 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #6F8BC2
6.15:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##6F8BC2#FFFFFF#000000##000000
##6F8BC21.003.426.156.15
#FFFFFF3.421.0021.0021.00
#0000006.1521.001.001.00
##0000006.1521.001.001.00

Color blindness preview

Protanopia (red-blind)
#778FC4
Deuteranopia (green-blind)
#6F87C1
Tritanopia (blue-blind)
#51979E
Achromatopsia (no color)
#8B8B8B

Design tokens & code

CSS
--color: #6f8bc2;
/* rgb */ color: rgb(111, 139, 194);
/* oklch */ color: oklch(63.7% 0.089 263.3);
Tailwind
colors: {
  custom: {
    50: '#9cacd4',
    500: '#6f8bc2',
    950: '#000000',
  },
}
SCSS
$custom: #6f8bc2;
$custom-light: #9cacd4;
$custom-dark: #000000;
JSON
{
  "hex": "#6f8bc2",
  "rgb": {
    "r": 111,
    "g": 139,
    "b": 194
  },
  "hsl": {
    "h": 219.759,
    "s": 40.488,
    "l": 59.804
  },
  "oklch": {
    "l": 0.63747,
    "c": 0.08919,
    "h": 263.3
  },
  "luminance": 0.2574
}

Semantic roles & 50–950 ramp

primary
#6F8BC2
secondary
#D6CCB6
accent
#A857D0
background
#F9FAFD
surface
#F2F4FA
border
#CCCED3
text
#0E1014
muted
#7E7F83

Preview Lab

Preview with #6F8BC2

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

Preview Lab → · Contrast checker → · Palette generator →

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