#F5C7CB

#F5C7CB

Color Values

HEX

#F5C7CB

RGB

245, 199, 203

HSL

354.8, 69.7%, 87.1%

HSV

354.8, 18.8%, 96.1%

CMYK

0.0%, 18.8%, 17.1%, 3.9%

OKLCH

0.8708 0.0526 12.3

Properties

Warm Light Nearest: NCS S 0520-R Light Pink

Color Harmonies

Complementary

#F5C7CB

#C7F5F1

Analogous

#F5C7E2

#F5DAC7

#F5C7CB

Triadic

#F5C7CB

#CBF5C7

#C7CBF5

Split Complementary

#F5C7CB

#C7F5DA

#C7E2F5

Tetradic

#F5C7CB

#E2F5C7

#C7F5F1

#DAC7F5

Color Blindness Simulation

Original

#F5C7CB

Protanopia

#E1E1CA

Deuteranopia

#E4E7CA

Tritanopia

#F3C9C9

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#FCF3F4
100
#F8E3E4
200
#F4C2C7
300
#EC979F
400
#E25F6A
500
#D82736
600
#AD1F2B
700
#8A1923
800
#6C131B
900
#4F1217
950
#320B0F

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

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