#AEB8EF#AEB8EF

#AEB8EF is a light, moderate blue. Relative luminance 0.495; OKLCH L 79.4% C 0.079 H 276.4°. Best body text is #000000 at 10.90:1 contrast (WCAG AA passes).

Color values

HEX	#AEB8EF
RGB	rgb(174, 184, 239)
HSL	hsl(231, 67%, 81%)
HSV	hsv(231, 27%, 94%)
CMYK	cmyk(27.2%, 23%, 0%, 6.3%)
CIE-LAB	lab(75.77, 8.54, -28.47)
CIE-LCH	lch(75.77, 29.72, 286.70°)
OKLab	oklab(79.42% 0.0089 -0.0784)
OKLCH	oklch(79.42% 0.079 276.4)
XYZ	xyz(50.1719, 49.5103, 88.5576)
Luminance	0.4951 (WCAG relative)
Temperature	cool
Family	blue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#AEB8EF #EFE5AE

analogous

#AED8EF #AEB8EF #C4AEEF

triadic

#AEB8EF #EFAEB8 #B8EFAE

tetradic

#AEB8EF #EFAED8 #EFE5AE #AEEFC4

square

#AEB8EF #EFAED8 #EFE5AE #AEEFC4

split-complementary

#AEB8EF #EFC4AE #D8EFAE

monochromatic

#485EDB #7B8BE5 #AEB8EF #E1E5F9 #E5E9FA

Accessibility & contrast

On white

1.93

#AEB8EF on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

10.90

#AEB8EF on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #AEB8EF

10.90:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##AEB8EF	#FFFFFF	#000000	##000000
##AEB8EF	1.00	1.93	10.90	10.90
#FFFFFF	1.93	1.00	21.00	21.00
#000000	10.90	21.00	1.00	1.00
##000000	10.90	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#A8BDF1

Deuteranopia (green-blind)

#A4B8EE

Tritanopia (blue-blind)

#9EC2CB

Achromatopsia (no color)

#BBBBBB

Design tokens & code

CSS

--color: #aeb8ef;
/* rgb */ color: rgb(174, 184, 239);
/* oklch */ color: oklch(79.4% 0.079 276.4);

Tailwind

colors: {
  custom: {
    50: '#c7cdf4',
    500: '#aeb8ef',
    950: '#000000',
  },
}

SCSS

$custom: #aeb8ef;
$custom-light: #c7cdf4;
$custom-dark: #000000;

JSON

{
  "hex": "#aeb8ef",
  "rgb": {
    "r": 174,
    "g": 184,
    "b": 239
  },
  "hsl": {
    "h": 230.769,
    "s": 67.01,
    "l": 80.98
  },
  "oklch": {
    "l": 0.79419,
    "c": 0.07894,
    "h": 276.4
  },
  "luminance": 0.49512
}

Semantic roles & 50–950 ramp

primary

#AEB8EF

secondary

#F1EEDA

accent

#B317CF

background

#FCFCFE

surface

#F8F8FD

border

#D1D1D5

text

#131317

muted

#828285

Preview Lab

Preview with #AEB8EF

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

Preview Lab → · Contrast checker → · Palette generator →