#FACFF2

#FACFF2

Color Values

HEX

#FACFF2

RGB

250, 207, 242

HSL

311.2, 81.1%, 89.6%

HSV

311.2, 17.2%, 98.0%

CMYK

0.0%, 17.2%, 3.2%, 2.0%

OKLCH

0.9016 0.0662 332.5

Properties

Warm Light Nearest: thistle 2

Color Harmonies

Complementary

#FACFF2

#CFFAD7

Analogous

#EDCFFA

#FACFDC

#FACFF2

Triadic

#FACFF2

#F2FACF

#CFF2FA

Split Complementary

#FACFF2

#DCFACF

#CFFAED

Tetradic

#FACFF2

#FAEDCF

#CFFAD7

#CFDCFA

Color Blindness Simulation

Original

#FACFF2

Protanopia

#E7E7EA

Deuteranopia

#EAEDE7

Tritanopia

#F8E3E1

Achromatopsia

#DBDBDB

CSS Usage

background-color: #FACFF2;
color: #FACFF2;
border-color: #FACFF2;
Nearest Tailwind: Pink 200 #FBCFE8

Tailwind Shades

50
#FDF2FB
100
#F9E1F5
200
#F8BEED
300
#F390E1
400
#ED54D1
500
#E718C0
600
#B9139A
700
#940F7B
800
#730C60
900
#540D47
950
#35082D

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

15.27:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026