#E6EEFF#E6EEFF

#E6EEFF is a very light, muted blue. Relative luminance 0.852; OKLCH L 94.8% C 0.024 H 265.6°. Best body text is #000000 at 18.04:1 contrast (WCAG AA passes).

Color values

HEX#E6EEFF
RGBrgb(230, 238, 255)
HSLhsl(221, 100%, 95%)
HSVhsv(221, 10%, 100%)
CMYKcmyk(9.8%, 6.7%, 0%, 0%)
CIE-LABlab(93.97, 0.55, -9.09)
CIE-LCHlch(93.97, 9.11, 273.46°)
OKLaboklab(94.81% -0.0019 -0.0244)
OKLCHoklch(94.81% 0.024 265.6)
XYZxyz(81.2538, 85.1912, 106.7511)
Luminance0.8519 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#E6EEFF #FFF7E6
analogous
#E6FAFF #E6EEFF #EAE6FF
triadic
#E6EEFF #FFE6EE #EEFFE6
tetradic
#E6EEFF #FFE6FA #FFF7E6 #E6FFEA
square
#E6EEFF #FFE6FA #FFF7E6 #E6FFEA
split-complementary
#E6EEFF #FFEAE6 #FAFFE6
monochromatic
#6C9BFF #A9C4FF #E0EAFF #E0EAFF #E0EAFF

Accessibility & contrast

On white

1.16
#E6EEFF on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

18.04
#E6EEFF on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #E6EEFF
18.04:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##E6EEFF#FFFFFF#000000##000000
##E6EEFF1.001.1618.0418.04
#FFFFFF1.161.0021.0021.00
#00000018.0421.001.001.00
##00000018.0421.001.001.00

Color blindness preview

Protanopia (red-blind)
#E9EFFF
Deuteranopia (green-blind)
#E7EDFF
Tritanopia (blue-blind)
#E0F1F3
Achromatopsia (no color)
#EEEEEE

Design tokens & code

CSS
--color: #e6eeff;
/* rgb */ color: rgb(230, 238, 255);
/* oklch */ color: oklch(94.8% 0.024 265.6);
Tailwind
colors: {
  custom: {
    50: '#eef3ff',
    500: '#e6eeff',
    950: '#000000',
  },
}
SCSS
$custom: #e6eeff;
$custom-light: #eef3ff;
$custom-dark: #000000;
JSON
{
  "hex": "#e6eeff",
  "rgb": {
    "r": 230,
    "g": 238,
    "b": 255
  },
  "hsl": {
    "h": 220.8,
    "s": 100,
    "l": 95.098
  },
  "oklch": {
    "l": 0.94813,
    "c": 0.02449,
    "h": 265.6
  },
  "luminance": 0.85192
}

Semantic roles & 50–950 ramp

primary
#E6EEFF
secondary
#EDD39C
accent
#9C00E6
background
#FFFFFF
surface
#FEFEFF
border
#D6D6D7
text
#161718
muted
#858586

Preview Lab

Preview with #E6EEFF

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

Preview Lab → · Contrast checker → · Palette generator →

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