#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

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026