#86A8E7#86A8E7

#86A8E7 is a light, moderate blue. Relative luminance 0.388; OKLCH L 73.1% C 0.100 H 262.3°. Best body text is #000000 at 8.77:1 contrast (WCAG AA passes).

Color values

HEX#86A8E7
RGBrgb(134, 168, 231)
HSLhsl(219, 67%, 72%)
HSVhsv(219, 42%, 91%)
CMYKcmyk(42%, 27.3%, 0%, 9.4%)
CIE-LABlab(68.64, 4.35, -35.35)
CIE-LCHlch(68.64, 35.61, 277.01°)
OKLaboklab(73.09% -0.0133 -0.0986)
OKLCHoklch(73.09% 0.1 262.3)
XYZxyz(38.2534, 38.8410, 81.0672)
Luminance0.3884 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#86A8E7 #E7C586
analogous
#86D9E7 #86A8E7 #9586E7
triadic
#86A8E7 #E786A8 #A8E786
tetradic
#86A8E7 #E786D9 #E7C586 #86E795
square
#86A8E7 #E786D9 #E7C586 #86E795
split-complementary
#86A8E7 #E79586 #D9E786
monochromatic
#2861CA #5383DD #86A8E7 #B9CDF1 #E5EDFA

Accessibility & contrast

On white

2.39
#86A8E7 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.77
#86A8E7 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #86A8E7
8.77:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##86A8E7#FFFFFF#000000##000000
##86A8E71.002.398.778.77
#FFFFFF2.391.0021.0021.00
#0000008.7721.001.001.00
##0000008.7721.001.001.00

Color blindness preview

Protanopia (red-blind)
#91ACEA
Deuteranopia (green-blind)
#87A3E6
Tritanopia (blue-blind)
#64B5BE
Achromatopsia (no color)
#A7A7A7

Design tokens & code

CSS
--color: #86a8e7;
/* rgb */ color: rgb(134, 168, 231);
/* oklch */ color: oklch(73.1% 0.100 262.3);
Tailwind
colors: {
  custom: {
    50: '#adc1ef',
    500: '#86a8e7',
    950: '#000000',
  },
}
SCSS
$custom: #86a8e7;
$custom-light: #adc1ef;
$custom-dark: #000000;
JSON
{
  "hex": "#86a8e7",
  "rgb": {
    "r": 134,
    "g": 168,
    "b": 231
  },
  "hsl": {
    "h": 218.969,
    "s": 66.897,
    "l": 71.569
  },
  "oklch": {
    "l": 0.73087,
    "c": 0.09951,
    "h": 262.3
  },
  "luminance": 0.38843
}

Semantic roles & 50–950 ramp

primary
#86A8E7
secondary
#F1E8D8
accent
#8E17CF
background
#FAFBFE
surface
#F5F7FD
border
#CFD0D5
text
#101216
muted
#7F8184

Preview Lab

Preview with #86A8E7

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

Preview Lab → · Contrast checker → · Palette generator →

#86A8E7 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva