#FCAFCB

#FCAFCB

Color Values

HEX

#FCAFCB

RGB

252, 175, 203

HSL

338.2, 92.8%, 83.7%

HSV

338.2, 30.6%, 98.8%

CMYK

0.0%, 30.6%, 19.4%, 1.2%

OKLCH

0.835 0.0961 355.9

Properties

Warm Light Nearest: Lavender

Color Harmonies

Complementary

#FCAFCB

#AFFCE0

Analogous

#FCAFF1

#FCB9AF

#FCAFCB

Triadic

#FCAFCB

#CBFCAF

#AFCBFC

Split Complementary

#FCAFCB

#AFFCB9

#AFF1FC

Tetradic

#FCAFCB

#F1FCAF

#AFFCE0

#B9AFFC

Color Blindness Simulation

Original

#FCAFCB

Protanopia

#DBDAC4

Deuteranopia

#DFE5C3

Tritanopia

#F8BFBE

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#FDF1F6
100
#FBDFE9
200
#FCBAD2
300
#FB89B2
400
#F84989
500
#F6095F
600
#C5074C
700
#9D063D
800
#7B0530
900
#590825
950
#380518

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

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