#AFABF5#AFABF5

#AFABF5 is a light, moderate blue. Relative luminance 0.448; OKLCH L 77.2% C 0.105 H 286.1°. Best body text is #000000 at 9.97:1 contrast (WCAG AA passes).

Color values

HEX#AFABF5
RGBrgb(175, 171, 245)
HSLhsl(243, 79%, 82%)
HSVhsv(243, 30%, 96%)
CMYKcmyk(28.6%, 30.2%, 0%, 3.9%)
CIE-LABlab(72.78, 17.48, -36.32)
CIE-LCHlch(72.78, 40.30, 295.70°)
OKLaboklab(77.2% 0.0292 -0.1008)
OKLCHoklch(77.2% 0.105 286.1)
XYZxyz(48.7193, 44.8312, 92.4549)
Luminance0.4483 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#AFABF5 #F1F5AB
analogous
#ABCCF5 #AFABF5 #D4ABF5
triadic
#AFABF5 #F5AFAB #ABF5AF
tetradic
#AFABF5 #F5ABCC #F1F5AB #ABF5D4
square
#AFABF5 #F5ABCC #F1F5AB #ABF5D4
split-complementary
#AFABF5 #F5D4AB #CCF5AB
monochromatic
#473EE8 #7B74EE #AFABF5 #E3E2FC #E5E4FC

Accessibility & contrast

On white

2.11
#AFABF5 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.97
#AFABF5 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #AFABF5
9.97:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##AFABF5#FFFFFF#000000##000000
##AFABF51.002.119.979.97
#FFFFFF2.111.0021.0021.00
#0000009.9721.001.001.00
##0000009.9721.001.001.00

Color blindness preview

Protanopia (red-blind)
#96B5F8
Deuteranopia (green-blind)
#95B1F3
Tritanopia (blue-blind)
#9EB8C5
Achromatopsia (no color)
#B3B3B3

Design tokens & code

CSS
--color: #afabf5;
/* rgb */ color: rgb(175, 171, 245);
/* oklch */ color: oklch(77.2% 0.105 286.1);
Tailwind
colors: {
  custom: {
    50: '#c8c4f8',
    500: '#afabf5',
    950: '#000000',
  },
}
SCSS
$custom: #afabf5;
$custom-light: #c8c4f8;
$custom-dark: #000000;
JSON
{
  "hex": "#afabf5",
  "rgb": {
    "r": 175,
    "g": 171,
    "b": 245
  },
  "hsl": {
    "h": 243.243,
    "s": 78.723,
    "l": 81.569
  },
  "oklch": {
    "l": 0.77199,
    "c": 0.10489,
    "h": 286.1
  },
  "luminance": 0.44832
}

Semantic roles & 50–950 ramp

primary
#AFABF5
secondary
#F2F4D7
accent
#DB0AD0
background
#FCFCFF
surface
#F8F8FF
border
#D1D1D7
text
#131217
muted
#828185

Preview Lab

Preview with #AFABF5

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

Preview Lab → · Contrast checker → · Palette generator →

#AFABF5 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva