#FAD4FC

#FAD4FC

Color Values

HEX

#FAD4FC

RGB

250, 212, 252

HSL

297.0, 87.0%, 91.0%

HSV

297.0, 15.9%, 98.8%

CMYK

0.8%, 15.9%, 0.0%, 1.2%

OKLCH

0.914 0.0672 324.5

Properties

Cool Light Nearest: thistle 1

Color Harmonies

Complementary

#FAD4FC

#D6FCD4

Analogous

#E6D4FC

#FCD4EA

#FAD4FC

Triadic

#FAD4FC

#FCFAD4

#D4FCFA

Split Complementary

#FAD4FC

#EAFCD4

#D4FCE6

Tetradic

#FAD4FC

#FCE6D4

#D6FCD4

#D4EAFC

Color Blindness Simulation

Original

#FAD4FC

Protanopia

#EAE9F2

Deuteranopia

#ECEFF0

Tritanopia

#F8EBE9

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#FCF2FD
100
#F9E0FA
200
#F7BCFA
300
#F28DF7
400
#EB4FF3
500
#E311EE
600
#B60DBF
700
#910B99
800
#720877
900
#530B56
950
#340737

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

15.89:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

1월 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1월 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1월 15, 2026