#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

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

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

1월 18, 2026