#9ACCED#9ACCED

#9ACCED is a very light, moderate cyan. Relative luminance 0.562; OKLCH L 82.2% C 0.070 H 237.6°. Best body text is #000000 at 12.23:1 contrast (WCAG AA passes).

Color values

HEX	#9ACCED
RGB	rgb(154, 204, 237)
HSL	hsl(204, 70%, 77%)
HSV	hsv(204, 35%, 93%)
CMYK	cmyk(35%, 13.9%, 0%, 7.1%)
CIE-LAB	lab(79.71, -8.37, -21.49)
CIE-LCH	lch(79.71, 23.07, 248.71°)
OKLab	oklab(82.16% -0.0374 -0.0591)
OKLCH	oklch(82.16% 0.07 237.6)
XYZ	xyz(50.2004, 56.1675, 88.3006)
Luminance	0.5617 (WCAG relative)
Temperature	cool
Family	cyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#9ACCED #EDBB9A

analogous

#9AEDE4 #9ACCED #9AA3ED

triadic

#9ACCED #ED9ACC #CCED9A

tetradic

#9ACCED #E49AED #EDBB9A #A3ED9A

square

#9ACCED #E49AED #EDBB9A #A3ED9A

split-complementary

#9ACCED #ED9AA3 #EDE49A

monochromatic

#3298DA #66B2E4 #9ACCED #CEE6F6 #E5F2FA

Accessibility & contrast

On white

1.72

#9ACCED on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

12.23

#9ACCED on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #9ACCED

12.23:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##9ACCED	#FFFFFF	#000000	##000000
##9ACCED	1.00	1.72	12.23	12.23
#FFFFFF	1.72	1.00	21.00	21.00
#000000	12.23	21.00	1.00	1.00
##000000	12.23	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#BDCBEF

Deuteranopia (green-blind)

#B2C2EC

Tritanopia (blue-blind)

#7ED4D7

Achromatopsia (no color)

#C6C6C6

Design tokens & code

CSS

--color: #9acced;
/* rgb */ color: rgb(154, 204, 237);
/* oklch */ color: oklch(82.2% 0.070 237.6);

Tailwind

colors: {
  custom: {
    50: '#badbf2',
    500: '#9acced',
    950: '#000000',
  },
}

SCSS

$custom: #9acced;
$custom-light: #badbf2;
$custom-dark: #000000;

JSON

{
  "hex": "#9acced",
  "rgb": {
    "r": 154,
    "g": 204,
    "b": 237
  },
  "hsl": {
    "h": 203.855,
    "s": 69.748,
    "l": 76.667
  },
  "oklch": {
    "l": 0.82163,
    "c": 0.06996,
    "h": 237.6
  },
  "luminance": 0.5617
}

Semantic roles & 50–950 ramp

primary

#9ACCED

secondary

#C98B62

accent

#5F14D2

background

#FDFEFF

surface

#F8FBFE

border

#D1D4D6

text

#121517

muted

#828485

Preview Lab

Preview with #9ACCED

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

Preview Lab → · Contrast checker → · Palette generator →