#9CACFB#9CACFB

#9CACFB is a light, moderate blue. Relative luminance 0.435; OKLCH L 76.3% C 0.115 H 274.6°. Best body text is #000000 at 9.71:1 contrast (WCAG AA passes).

Color values

HEX#9CACFB
RGBrgb(156, 172, 251)
HSLhsl(230, 92%, 80%)
HSVhsv(230, 38%, 98%)
CMYKcmyk(37.8%, 31.5%, 0%, 1.6%)
CIE-LABlab(71.92, 13.24, -41.02)
CIE-LCHlch(71.92, 43.10, 287.89°)
OKLaboklab(76.27% 0.0092 -0.1146)
OKLCHoklch(76.27% 0.115 274.6)
XYZxyz(45.8703, 43.5360, 97.2345)
Luminance0.4354 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#9CACFB #FBEB9C
analogous
#9CDBFB #9CACFB #BC9CFB
triadic
#9CACFB #FB9CAC #ACFB9C
tetradic
#9CACFB #FB9CDB #FBEB9C #9CFBBC
square
#9CACFB #FB9CDB #FBEB9C #9CFBBC
split-complementary
#9CACFB #FBBC9C #DBFB9C
monochromatic
#2649F6 #617BF9 #9CACFB #D7DDFD #E2E6FE

Accessibility & contrast

On white

2.16
#9CACFB on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.71
#9CACFB on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #9CACFB
9.71:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##9CACFB#FFFFFF#000000##000000
##9CACFB1.002.169.719.71
#FFFFFF2.161.0021.0021.00
#0000009.7121.001.001.00
##0000009.7121.001.001.00

Color blindness preview

Protanopia (red-blind)
#92B4FE
Deuteranopia (green-blind)
#8BADF9
Tritanopia (blue-blind)
#7FBCC8
Achromatopsia (no color)
#B0B0B0

Design tokens & code

CSS
--color: #9cacfb;
/* rgb */ color: rgb(156, 172, 251);
/* oklch */ color: oklch(76.3% 0.115 274.6);
Tailwind
colors: {
  custom: {
    50: '#bcc4fd',
    500: '#9cacfb',
    950: '#000000',
  },
}
SCSS
$custom: #9cacfb;
$custom-light: #bcc4fd;
$custom-dark: #000000;
JSON
{
  "hex": "#9cacfb",
  "rgb": {
    "r": 156,
    "g": 172,
    "b": 251
  },
  "hsl": {
    "h": 229.895,
    "s": 92.233,
    "l": 79.804
  },
  "oklch": {
    "l": 0.76272,
    "c": 0.11497,
    "h": 274.6
  },
  "luminance": 0.43538
}

Semantic roles & 50–950 ramp

primary
#9CACFB
secondary
#F6F0D5
accent
#BF00E6
background
#FBFCFF
surface
#F7F8FF
border
#D0D1D7
text
#121217
muted
#818185

Preview Lab

Preview with #9CACFB

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

Preview Lab → · Contrast checker → · Palette generator →

#9CACFB Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva