#FCA2CF

#FCA2CF

Color Values

HEX

#FCA2CF

RGB

252, 162, 207

HSL

330,0, 93,8%, 81,2%

HSV

330,0, 35,7%, 98,8%

CMYK

0,0%, 35,7%, 17,9%, 1,2%

OKLCH

0,8146 0,1194 348,7

Properties

Warm Light Nearest: Carnation Pink

Color Harmonies

Complementary

#FCA2CF

#A2FCCF

Analogous

#FCA2FC

#FCA2A2

#FCA2CF

Triadic

#FCA2CF

#CFFCA2

#A2CFFC

Split Complementary

#FCA2CF

#A2FCA2

#A2FCFC

Tetradic

#FCA2CF

#FCFCA2

#A2FCCF

#A2A2FC

Color Blindness Simulation

Original

#FCA2CF

Protanopia

#D5D4C4

Deuteranopia

#DAE1C1

Tritanopia

#F7BCBA

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#FDF1F7
100
#FBDFED
200
#FDBADB
300
#FB88C2
400
#F948A1
500
#F70880
600
#C60666
700
#9E0552
800
#7C0440
900
#590830
950
#38051F

Contrast Checker

Text on white

1,87:1

AA Fail AAA Fail

Text on black

11,21: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