#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
RGB	rgb(129, 170, 237)
HSL	hsl(217, 75%, 72%)
HSV	hsv(217, 46%, 93%)
CMYK	cmyk(45.6%, 28.3%, 0%, 7.1%)
CIE-LAB	lab(69.13, 3.67, -37.87)
CIE-LCH	lch(69.13, 38.05, 275.53°)
OKLab	oklab(73.48% -0.0188 -0.106)
OKLCH	oklch(73.48% 0.108 260)
XYZ	xyz(38.7090, 39.5286, 85.6944)
Luminance	0.3953 (WCAG relative)
Temperature	cool
Family	blue

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
##81AAED	1.00	2.36	8.91	8.91
#FFFFFF	2.36	1.00	21.00	21.00
#000000	8.91	21.00	1.00	1.00
##000000	8.91	21.00	1.00	1.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 →