#CAC6F5#CAC6F5

#CAC6F5 is a very light, moderate blue. Relative luminance 0.595; OKLCH L 84.5% C 0.065 H 288.8°. Best body text is #000000 at 12.91:1 contrast (WCAG AA passes).

Color values

HEX#CAC6F5
RGBrgb(202, 198, 245)
HSLhsl(245, 70%, 87%)
HSVhsv(245, 19%, 96%)
CMYKcmyk(17.6%, 19.2%, 0%, 3.9%)
CIE-LABlab(81.59, 10.73, -22.62)
CIE-LCHlch(81.59, 25.04, 295.37°)
OKLaboklab(84.53% 0.021 -0.0617)
OKLCHoklch(84.53% 0.065 288.8)
XYZxyz(61.0289, 59.5366, 94.6449)
Luminance0.5954 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#CAC6F5 #F1F5C6
analogous
#C6DAF5 #CAC6F5 #E2C6F5
triadic
#CAC6F5 #F5CAC6 #C6F5CA
tetradic
#CAC6F5 #F5C6DA #F1F5C6 #C6F5E2
square
#CAC6F5 #F5C6DA #F1F5C6 #C6F5E2
split-complementary
#CAC6F5 #F5E2C6 #DAF5C6
monochromatic
#695EE3 #9A92EC #CAC6F5 #E7E5FA #E7E5FA

Accessibility & contrast

On white

1.63
#CAC6F5 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.91
#CAC6F5 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #CAC6F5
12.91:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##CAC6F5#FFFFFF#000000##000000
##CAC6F51.001.6312.9112.91
#FFFFFF1.631.0021.0021.00
#00000012.9121.001.001.00
##00000012.9121.001.001.00

Color blindness preview

Protanopia (red-blind)
#BBCCF7
Deuteranopia (green-blind)
#BBCAF4
Tritanopia (blue-blind)
#C1CED6
Achromatopsia (no color)
#CBCBCB

Design tokens & code

CSS
--color: #cac6f5;
/* rgb */ color: rgb(202, 198, 245);
/* oklch */ color: oklch(84.5% 0.065 288.8);
Tailwind
colors: {
  custom: {
    50: '#dad7f8',
    500: '#cac6f5',
    950: '#000000',
  },
}
SCSS
$custom: #cac6f5;
$custom-light: #dad7f8;
$custom-dark: #000000;
JSON
{
  "hex": "#cac6f5",
  "rgb": {
    "r": 202,
    "g": 198,
    "b": 245
  },
  "hsl": {
    "h": 245.106,
    "s": 70.149,
    "l": 86.863
  },
  "oklch": {
    "l": 0.84527,
    "c": 0.06518,
    "h": 288.8
  },
  "luminance": 0.59537
}

Semantic roles & 50–950 ramp

primary
#CAC6F5
secondary
#D0D789
accent
#D213C2
background
#FEFEFF
surface
#FBFBFF
border
#D4D4D7
text
#151417
muted
#848385

Preview Lab

Preview with #CAC6F5

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

Preview Lab → · Contrast checker → · Palette generator →

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