#81ACEB#81ACEB

#81ACEB is a light, moderate blue. Relative luminance 0.402; OKLCH L 73.8% C 0.103 H 257.8°. Best body text is #000000 at 9.03:1 contrast (WCAG AA passes).

Color values

HEX#81ACEB
RGBrgb(129, 172, 235)
HSLhsl(216, 73%, 71%)
HSVhsv(216, 45%, 92%)
CMYKcmyk(45.1%, 26.8%, 0%, 7.8%)
CIE-LABlab(69.59, 1.98, -36.07)
CIE-LCHlch(69.59, 36.13, 273.14°)
OKLaboklab(73.81% -0.0218 -0.1008)
OKLCHoklch(73.81% 0.103 257.8)
XYZxyz(38.7962, 40.1679, 84.2900)
Luminance0.4017 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#81ACEB #EBC081
analogous
#81E1EB #81ACEB #8B81EB
triadic
#81ACEB #EB81AC #ACEB81
tetradic
#81ACEB #EB81E1 #EBC081 #81EB8B
square
#81ACEB #EB81E1 #EBC081 #81EB8B
split-complementary
#81ACEB #EB8B81 #E1EB81
monochromatic
#2168D1 #4C89E3 #81ACEB #B6CFF3 #E5EEFB

Accessibility & contrast

On white

2.32
#81ACEB on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.03
#81ACEB on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #81ACEB
9.03:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##81ACEB#FFFFFF#000000##000000
##81ACEB1.002.329.039.03
#FFFFFF2.321.0021.0021.00
#0000009.0321.001.001.00
##0000009.0321.001.001.00

Color blindness preview

Protanopia (red-blind)
#94B0EE
Deuteranopia (green-blind)
#88A5EA
Tritanopia (blue-blind)
#57BAC2
Achromatopsia (no color)
#AAAAAA

Design tokens & code

CSS
--color: #81aceb;
/* rgb */ color: rgb(129, 172, 235);
/* oklch */ color: oklch(73.8% 0.103 257.8);
Tailwind
colors: {
  custom: {
    50: '#aac4f1',
    500: '#81aceb',
    950: '#000000',
  },
}
SCSS
$custom: #81aceb;
$custom-light: #aac4f1;
$custom-dark: #000000;
JSON
{
  "hex": "#81aceb",
  "rgb": {
    "r": 129,
    "g": 172,
    "b": 235
  },
  "hsl": {
    "h": 215.66,
    "s": 72.603,
    "l": 71.373
  },
  "oklch": {
    "l": 0.7381,
    "c": 0.1031,
    "h": 257.8
  },
  "luminance": 0.4017
}

Semantic roles & 50–950 ramp

primary
#81ACEB
secondary
#F2E6D6
accent
#8511D5
background
#FAFCFE
surface
#F4F8FD
border
#CED1D5
text
#101217
muted
#7F8185

Preview Lab

Preview with #81ACEB

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

Preview Lab → · Contrast checker → · Palette generator →

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