#FAECFF

#FAECFF

Color Values

HEX

#FAECFF

RGB

250, 236, 255

HSL

284,2, 100,0%, 96,3%

HSV

284,2, 7,5%, 100,0%

CMYK

2,0%, 7,5%, 0,0%, 0,0%

OKLCH

0,9596 0,0292 317,2

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#FAECFF

#F1FFEC

Analogous

#F1ECFF

#FFECFB

#FAECFF

Triadic

#FAECFF

#FFFAEC

#ECFFFA

Split Complementary

#FAECFF

#FBFFEC

#ECFFF1

Tetradic

#FAECFF

#FFF1EC

#F1FFEC

#ECFBFF

Color Blindness Simulation

Original

#FAECFF

Protanopia

#F4F4FA

Deuteranopia

#F5F6F9

Tritanopia

#F9F7F6

Achromatopsia

#F0F0F0

CSS Usage

background-color: #FAECFF;
color: #FAECFF;
border-color: #FAECFF;
Nearest Tailwind: Fuchsia 100 #FAE8FF

Tailwind Shades

50
#FAF1FE
100
#F4DEFC
200
#ECB8FF
300
#DF85FF
400
#CD42FF
500
#BC00FF
600
#9600CC
700
#7800A3
800
#5E0080
900
#45055C
950
#2C033A

Contrast Checker

Text on white

1,13:1

AA Fail AAA Fail

Text on black

18,51:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026