#FCAFDB

#FCAFDB

Color Values

HEX

#FCAFDB

RGB

252, 175, 219

HSL

325.7, 92.8%, 83.7%

HSV

325.7, 30.6%, 98.8%

CMYK

0.0%, 30.6%, 13.1%, 1.2%

OKLCH

0.84 0.1051 344.4

Properties

Warm Light Nearest: Lavender

Color Harmonies

Complementary

#FCAFDB

#AFFCD0

Analogous

#F6AFFC

#FCAFB4

#FCAFDB

Triadic

#FCAFDB

#DBFCAF

#AFDBFC

Split Complementary

#FCAFDB

#B4FCAF

#AFFCF6

Tetradic

#FCAFDB

#FCF6AF

#AFFCD0

#AFB4FC

Color Blindness Simulation

Original

#FCAFDB

Protanopia

#DBDAD0

Deuteranopia

#DFE5CE

Tritanopia

#F8C8C6

Achromatopsia

#C3C3C3

CSS Usage

background-color: #FCAFDB;
color: #FCAFDB;
border-color: #FCAFDB;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FDF1F8
100
#FBDFEF
200
#FCBAE0
300
#FB89CA
400
#F849AD
500
#F60990
600
#C50774
700
#9D065C
800
#7B0548
900
#590836
950
#380522

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

12.29: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