#BEAFEE#BEAFEE

#BEAFEE is a light, moderate violet. Relative luminance 0.478; OKLCH L 78.9% C 0.090 H 295.2°. Best body text is #000000 at 10.56:1 contrast (WCAG AA passes).

Color values

HEX	#BEAFEE
RGB	rgb(190, 175, 238)
HSL	hsl(254, 65%, 81%)
HSV	hsv(254, 26%, 93%)
CMYK	cmyk(20.2%, 26.5%, 0%, 6.7%)
CIE-LAB	lab(74.69, 18.04, -29.49)
CIE-LCH	lch(74.69, 34.56, 301.45°)
OKLab	oklab(78.87% 0.0381 -0.081)
OKLCH	oklch(78.87% 0.09 295.2)
XYZ	xyz(51.9943, 47.7797, 87.3555)
Luminance	0.4778 (WCAG relative)
Temperature	cool
Family	violet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#BEAFEE #DFEEAF

analogous

#AFBFEE #BEAFEE #DDAFEE

triadic

#BEAFEE #EEBEAF #AFEEBE

tetradic

#BEAFEE #EEAFBF #DFEEAF #AFEEDD

square

#BEAFEE #EEAFBF #DFEEAF #AFEEDD

split-complementary

#BEAFEE #EEDDAF #BFEEAF

monochromatic

#6C4AD9 #957DE3 #BEAFEE #E7E1F9 #EAE6FA

Accessibility & contrast

On white

1.99

#BEAFEE on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

10.56

#BEAFEE on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #BEAFEE

10.56:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##BEAFEE	#FFFFFF	#000000	##000000
##BEAFEE	1.00	1.99	10.56	10.56
#FFFFFF	1.99	1.00	21.00	21.00
#000000	10.56	21.00	1.00	1.00
##000000	10.56	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#A1B8F1

Deuteranopia (green-blind)

#A2B7EC

Tritanopia (blue-blind)

#B5B9C5

Achromatopsia (no color)

#B8B8B8

Design tokens & code

CSS

--color: #beafee;
/* rgb */ color: rgb(190, 175, 238);
/* oklch */ color: oklch(78.9% 0.090 295.2);

Tailwind

colors: {
  custom: {
    50: '#d2c6f3',
    500: '#beafee',
    950: '#000000',
  },
}

SCSS

$custom: #beafee;
$custom-light: #d2c6f3;
$custom-dark: #000000;

JSON

{
  "hex": "#beafee",
  "rgb": {
    "r": 190,
    "g": 175,
    "b": 238
  },
  "hsl": {
    "h": 254.286,
    "s": 64.948,
    "l": 80.98
  },
  "oklch": {
    "l": 0.78869,
    "c": 0.08957,
    "h": 295.2
  },
  "luminance": 0.4778
}

Semantic roles & 50–950 ramp

primary

#BEAFEE

secondary

#ECF1DA

accent

#CD19A2

background

#FCFCFE

surface

#F9F8FD

border

#D2D1D5

text

#141317

muted

#828285

Preview Lab

Preview with #BEAFEE

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

Preview Lab → · Contrast checker → · Palette generator →