#9AC4E7#9AC4E7

#9AC4E7 is a light, moderate cyan. Relative luminance 0.521; OKLCH L 80.2% C 0.067 H 243.9°. Best body text is #000000 at 11.42:1 contrast (WCAG AA passes).

Color values

HEX#9AC4E7
RGBrgb(154, 196, 231)
HSLhsl(207, 62%, 75%)
HSVhsv(207, 33%, 91%)
CMYKcmyk(33.3%, 15.2%, 0%, 9.4%)
CIE-LABlab(77.35, -5.63, -21.85)
CIE-LCHlch(77.35, 22.57, 255.56°)
OKLaboklab(80.24% -0.0295 -0.0601)
OKLCHoklch(80.24% 0.067 243.9)
XYZxyz(47.4857, 52.1171, 83.1434)
Luminance0.5212 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#9AC4E7 #E7BD9A
analogous
#9AE7E4 #9AC4E7 #9A9DE7
triadic
#9AC4E7 #E79AC4 #C4E79A
tetradic
#9AC4E7 #E49AE7 #E7BD9A #9DE79A
square
#9AC4E7 #E49AE7 #E7BD9A #9DE79A
split-complementary
#9AC4E7 #E79A9D #E7E49A
monochromatic
#378ACF #69A7DB #9AC4E7 #CBE1F3 #E6F1F9

Accessibility & contrast

On white

1.84
#9AC4E7 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

11.42
#9AC4E7 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #9AC4E7
11.42:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##9AC4E7#FFFFFF#000000##000000
##9AC4E71.001.8411.4211.42
#FFFFFF1.841.0021.0021.00
#00000011.4221.001.001.00
##00000011.4221.001.001.00

Color blindness preview

Protanopia (red-blind)
#B6C4E9
Deuteranopia (green-blind)
#ACBBE6
Tritanopia (blue-blind)
#81CCCF
Achromatopsia (no color)
#BFBFBF

Design tokens & code

CSS
--color: #9ac4e7;
/* rgb */ color: rgb(154, 196, 231);
/* oklch */ color: oklch(80.2% 0.067 243.9);
Tailwind
colors: {
  custom: {
    50: '#bad5ee',
    500: '#9ac4e7',
    950: '#000000',
  },
}
SCSS
$custom: #9ac4e7;
$custom-light: #bad5ee;
$custom-dark: #000000;
JSON
{
  "hex": "#9ac4e7",
  "rgb": {
    "r": 154,
    "g": 196,
    "b": 231
  },
  "hsl": {
    "h": 207.273,
    "s": 61.6,
    "l": 75.49
  },
  "oklch": {
    "l": 0.80235,
    "c": 0.06691,
    "h": 243.9
  },
  "luminance": 0.52119
}

Semantic roles & 50–950 ramp

primary
#9AC4E7
secondary
#C18E64
accent
#6B1CC9
background
#FDFEFF
surface
#F8FBFE
border
#D1D4D6
text
#121416
muted
#828385

Preview Lab

Preview with #9AC4E7

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

Preview Lab → · Contrast checker → · Palette generator →

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