#87ADED#87ADED

#87ADED is a light, moderate blue. Relative luminance 0.412; OKLCH L 74.5% C 0.102 H 260.6°. Best body text is #000000 at 9.23:1 contrast (WCAG AA passes).

Color values

HEX#87ADED
RGBrgb(135, 173, 237)
HSLhsl(218, 74%, 73%)
HSVhsv(218, 43%, 93%)
CMYKcmyk(43%, 27%, 0%, 7.1%)
CIE-LABlab(70.28, 3.47, -36.06)
CIE-LCHlch(70.28, 36.23, 275.49°)
OKLaboklab(74.47% -0.0167 -0.1007)
OKLCHoklch(74.47% 0.102 260.6)
XYZxyz(40.2164, 41.1501, 85.9280)
Luminance0.4115 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#87ADED #EDC787
analogous
#87E0ED #87ADED #9487ED
triadic
#87ADED #ED87AD #ADED87
tetradic
#87ADED #ED87E0 #EDC787 #87ED94
square
#87ADED #ED87E0 #EDC787 #87ED94
split-complementary
#87ADED #ED9487 #E0ED87
monochromatic
#2165D9 #5289E5 #87ADED #BCD1F5 #E4EDFB

Accessibility & contrast

On white

2.28
#87ADED on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.23
#87ADED on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #87ADED
9.23:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##87ADED#FFFFFF#000000##000000
##87ADED1.002.289.239.23
#FFFFFF2.281.0021.0021.00
#0000009.2321.001.001.00
##0000009.2321.001.001.00

Color blindness preview

Protanopia (red-blind)
#96B1F0
Deuteranopia (green-blind)
#8AA8EC
Tritanopia (blue-blind)
#61BBC3
Achromatopsia (no color)
#ACACAC

Design tokens & code

CSS
--color: #87aded;
/* rgb */ color: rgb(135, 173, 237);
/* oklch */ color: oklch(74.5% 0.102 260.6);
Tailwind
colors: {
  custom: {
    50: '#aec5f3',
    500: '#87aded',
    950: '#000000',
  },
}
SCSS
$custom: #87aded;
$custom-light: #aec5f3;
$custom-dark: #000000;
JSON
{
  "hex": "#87aded",
  "rgb": {
    "r": 135,
    "g": 173,
    "b": 237
  },
  "hsl": {
    "h": 217.647,
    "s": 73.913,
    "l": 72.941
  },
  "oklch": {
    "l": 0.74468,
    "c": 0.10204,
    "h": 260.6
  },
  "luminance": 0.41152
}

Semantic roles & 50–950 ramp

primary
#87ADED
secondary
#F3E9D8
accent
#8C0FD6
background
#FBFCFE
surface
#F6F8FD
border
#D0D1D5
text
#111217
muted
#808185

Preview Lab

Preview with #87ADED

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

Preview Lab → · Contrast checker → · Palette generator →

#87ADED Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva