#ECE8FF#ECE8FF

#ECE8FF is a very light, muted violet. Relative luminance 0.828; OKLCH L 94.1% C 0.031 H 293.8°. Best body text is #000000 at 17.55:1 contrast (WCAG AA passes).

Color values

HEX#ECE8FF
RGBrgb(236, 232, 255)
HSLhsl(250, 100%, 95%)
HSVhsv(250, 9%, 100%)
CMYKcmyk(7.5%, 9%, 0%, 0%)
CIE-LABlab(92.91, 5.56, -10.61)
CIE-LCHlch(92.91, 11.98, 297.66°)
OKLaboklab(94.1% 0.0125 -0.0284)
OKLCHoklch(94.1% 0.031 293.8)
XYZxyz(81.4952, 82.7659, 106.2704)
Luminance0.8277 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#ECE8FF #FBFFE8
analogous
#E8EFFF #ECE8FF #F7E8FF
triadic
#ECE8FF #FFECE8 #E8FFEC
tetradic
#ECE8FF #FFE8EF #FBFFE8 #E8FFF7
square
#ECE8FF #FFE8EF #FBFFE8 #E8FFF7
split-complementary
#ECE8FF #FFF7E8 #EFFFE8
monochromatic
#876EFF #B9ABFF #E6E0FF #E6E0FF #E6E0FF

Accessibility & contrast

On white

1.20
#ECE8FF on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

17.55
#ECE8FF on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #ECE8FF
17.55:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##ECE8FF#FFFFFF#000000##000000
##ECE8FF1.001.2017.5517.55
#FFFFFF1.201.0021.0021.00
#00000017.5521.001.001.00
##00000017.5521.001.001.00

Color blindness preview

Protanopia (red-blind)
#E4EBFF
Deuteranopia (green-blind)
#E4EAFE
Tritanopia (blue-blind)
#E9EBEF
Achromatopsia (no color)
#EBEBEB

Design tokens & code

CSS
--color: #ece8ff;
/* rgb */ color: rgb(236, 232, 255);
/* oklch */ color: oklch(94.1% 0.031 293.8);
Tailwind
colors: {
  custom: {
    50: '#f2efff',
    500: '#ece8ff',
    950: '#000000',
  },
}
SCSS
$custom: #ece8ff;
$custom-light: #f2efff;
$custom-dark: #000000;
JSON
{
  "hex": "#ece8ff",
  "rgb": {
    "r": 236,
    "g": 232,
    "b": 255
  },
  "hsl": {
    "h": 250.435,
    "s": 100,
    "l": 95.49
  },
  "oklch": {
    "l": 0.94096,
    "c": 0.03109,
    "h": 293.8
  },
  "luminance": 0.82766
}

Semantic roles & 50–950 ramp

primary
#ECE8FF
secondary
#E0EE9D
accent
#E600BE
background
#FFFFFF
surface
#FEFEFF
border
#D6D6D7
text
#161618
muted
#858586

Preview Lab

Preview with #ECE8FF

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

Preview Lab → · Contrast checker → · Palette generator →

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