#81AAED#81AAED

#81AAED is a light, moderate blue. Relative luminance 0.395; OKLCH L 73.5% C 0.108 H 260.0°. Best body text is #000000 at 8.91:1 contrast (WCAG AA passes).

Color values

HEX#81AAED
RGBrgb(129, 170, 237)
HSLhsl(217, 75%, 72%)
HSVhsv(217, 46%, 93%)
CMYKcmyk(45.6%, 28.3%, 0%, 7.1%)
CIE-LABlab(69.13, 3.67, -37.87)
CIE-LCHlch(69.13, 38.05, 275.53°)
OKLaboklab(73.48% -0.0188 -0.106)
OKLCHoklch(73.48% 0.108 260)
XYZxyz(38.7090, 39.5286, 85.6944)
Luminance0.3953 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#81AAED #EDC481
analogous
#81E0ED #81AAED #8E81ED
triadic
#81AAED #ED81AA #AAED81
tetradic
#81AAED #ED81E0 #EDC481 #81ED8E
square
#81AAED #ED81E0 #EDC481 #81ED8E
split-complementary
#81AAED #ED8E81 #E0ED81
monochromatic
#1E64D5 #4B86E5 #81AAED #B7CEF5 #E4EDFB

Accessibility & contrast

On white

2.36
#81AAED on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.91
#81AAED on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #81AAED
8.91:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##81AAED#FFFFFF#000000##000000
##81AAED1.002.368.918.91
#FFFFFF2.361.0021.0021.00
#0000008.9121.001.001.00
##0000008.9121.001.001.00

Color blindness preview

Protanopia (red-blind)
#91AEF0
Deuteranopia (green-blind)
#85A4EC
Tritanopia (blue-blind)
#56B8C1
Achromatopsia (no color)
#A9A9A9

Design tokens & code

CSS
--color: #81aaed;
/* rgb */ color: rgb(129, 170, 237);
/* oklch */ color: oklch(73.5% 0.108 260.0);
Tailwind
colors: {
  custom: {
    50: '#aac3f3',
    500: '#81aaed',
    950: '#000000',
  },
}
SCSS
$custom: #81aaed;
$custom-light: #aac3f3;
$custom-dark: #000000;
JSON
{
  "hex": "#81aaed",
  "rgb": {
    "r": 129,
    "g": 170,
    "b": 237
  },
  "hsl": {
    "h": 217.222,
    "s": 75,
    "l": 71.765
  },
  "oklch": {
    "l": 0.73481,
    "c": 0.10762,
    "h": 260
  },
  "luminance": 0.39531
}

Semantic roles & 50–950 ramp

primary
#81AAED
secondary
#F3E8D7
accent
#8B0ED7
background
#FAFBFE
surface
#F4F7FD
border
#CED0D5
text
#101217
muted
#7F8185

Preview Lab

Preview with #81AAED

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

Preview Lab → · Contrast checker → · Palette generator →

#81AAED Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva