#FACFF4

#FACFF4

Color Values

HEX

#FACFF4

RGB

250, 207, 244

HSL

308,4, 81,1%, 89,6%

HSV

308,4, 17,2%, 98,0%

CMYK

0,0%, 17,2%, 2,4%, 2,0%

OKLCH

0,9023 0,068 330,8

Properties

Warm Light Nearest: thistle 2

Color Harmonies

Complementary

#FACFF4

#CFFAD5

Analogous

#EBCFFA

#FACFDE

#FACFF4

Triadic

#FACFF4

#F4FACF

#CFF4FA

Split Complementary

#FACFF4

#DEFACF

#CFFAEB

Tetradic

#FACFF4

#FAEBCF

#CFFAD5

#CFDEFA

Color Blindness Simulation

Original

#FACFF4

Protanopia

#E7E7EB

Deuteranopia

#EAEDE9

Tritanopia

#F8E4E2

Achromatopsia

#DBDBDB

CSS Usage

background-color: #FACFF4;
color: #FACFF4;
border-color: #FACFF4;
Nearest Tailwind: Fuchsia 200 #F5D0FE

Tailwind Shades

50
#FDF2FB
100
#F9E1F6
200
#F8BEF0
300
#F390E6
400
#ED54D8
500
#E718CA
600
#B913A2
700
#940F81
800
#730C65
900
#540D4A
950
#35082F

Contrast Checker

Text on white

1,37:1

AA Fail AAA Fail

Text on black

15,3:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026