#F8C7CD

#F8C7CD

Color Values

HEX

#F8C7CD

RGB

248, 199, 205

HSL

352,7, 77,8%, 87,6%

HSV

352,7, 19,8%, 97,3%

CMYK

0,0%, 19,8%, 17,3%, 2,7%

OKLCH

0,8741 0,0562 10,0

Properties

Warm Light Nearest: NCS S 0520-R Light Pink

Color Harmonies

Complementary

#F8C7CD

#C7F8F2

Analogous

#F8C7E5

#F8D9C7

#F8C7CD

Triadic

#F8C7CD

#CDF8C7

#C7CDF8

Split Complementary

#F8C7CD

#C7F8D9

#C7E5F8

Tetradic

#F8C7CD

#E5F8C7

#C7F8F2

#D9C7F8

Color Blindness Simulation

Original

#F8C7CD

Protanopia

#E3E2CC

Deuteranopia

#E6E9CB

Tritanopia

#F6CACA

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#FCF2F4
100
#F9E1E4
200
#F7C0C6
300
#F1929E
400
#EA5769
500
#E31C34
600
#B5172A
700
#911222
800
#710E1A
900
#520F17
950
#34090E

Contrast Checker

Text on white

1,5:1

AA Fail AAA Fail

Text on black

14,04:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

يناير 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

يناير 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

يناير 18, 2026