#F0C7CE

#F0C7CE

Color Values

HEX

#F0C7CE

RGB

240, 199, 206

HSL

349.8, 57.7%, 86.1%

HSV

349.8, 17.1%, 94.1%

CMYK

0.0%, 17.1%, 14.2%, 5.9%

OKLCH

0.8669 0.0473 6.6

Properties

Warm Light Nearest: NCS S 0520-R Light Pink

Color Harmonies

Complementary

#F0C7CE

#C7F0E9

Analogous

#F0C7E3

#F0D5C7

#F0C7CE

Triadic

#F0C7CE

#CEF0C7

#C7CEF0

Split Complementary

#F0C7CE

#C7F0D5

#C7E3F0

Tetradic

#F0C7CE

#E3F0C7

#C7F0E9

#D5C7F0

Color Blindness Simulation

Original

#F0C7CE

Protanopia

#DEDECC

Deuteranopia

#E1E4CC

Tritanopia

#EECBCB

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#FBF4F5
100
#F6E4E7
200
#F0C7CE
300
#E59EAA
400
#D76A7D
500
#C9364F
600
#A12B3F
700
#812333
800
#651B27
900
#4A1720
950
#2E0F14

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

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