#F0C5CA

#F0C5CA

Color Values

HEX

#F0C5CA

RGB

240, 197, 202

HSL

353.0, 58.9%, 85.7%

HSV

353.0, 17.9%, 94.1%

CMYK

0.0%, 17.9%, 15.8%, 5.9%

OKLCH

0.8621 0.0493 10.3

Properties

Warm Light Nearest: NCS S 0520-R Light Pink

Color Harmonies

Complementary

#F0C5CA

#C5F0EB

Analogous

#F0C5E0

#F0D6C5

#F0C5CA

Triadic

#F0C5CA

#CAF0C5

#C5CAF0

Split Complementary

#F0C5CA

#C5F0D6

#C5E0F0

Tetradic

#F0C5CA

#E0F0C5

#C5F0EB

#D6C5F0

Color Blindness Simulation

Original

#F0C5CA

Protanopia

#DDDDC9

Deuteranopia

#E0E3C8

Tritanopia

#EEC8C8

Achromatopsia

#CFCFCF

CSS Usage

background-color: #F0C5CA;
color: #F0C5CA;
border-color: #F0C5CA;
Nearest Tailwind: Rose 200 #FECDD3

Tailwind Shades

50
#FBF4F4
100
#F6E4E6
200
#F0C6CB
300
#E69EA6
400
#D86976
500
#CB3446
600
#A22A38
700
#82222D
800
#651A23
900
#4A171D
950
#2F0E12

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

13.54:1

AA Pass AAA Pass

Related Articles

Tutorials

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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026