#F8C2C5

#F8C2C5

Color Values

HEX

#F8C2C5

RGB

248, 194, 197

HSL

356.7, 79.4%, 86.7%

HSV

356.7, 21.8%, 97.3%

CMYK

0.0%, 21.8%, 20.6%, 2.7%

OKLCH

0.8628 0.0621 14.7

Properties

Warm Light Nearest: NCS S 0520-R Light Pink

Color Harmonies

Complementary

#F8C2C5

#C2F8F5

Analogous

#F8C2E0

#F8DAC2

#F8C2C5

Triadic

#F8C2C5

#C5F8C2

#C2C5F8

Split Complementary

#F8C2C5

#C2F8DA

#C2E0F8

Tetradic

#F8C2C5

#E0F8C2

#C2F8F5

#DAC2F8

Color Blindness Simulation

Original

#F8C2C5

Protanopia

#E1E0C4

Deuteranopia

#E4E8C4

Tritanopia

#F5C4C4

Achromatopsia

#CECECE

CSS Usage

background-color: #F8C2C5;
color: #F8C2C5;
border-color: #F8C2C5;
Nearest Tailwind: Red 200 #FECACA

Tailwind Shades

50
#FDF2F3
100
#F9E1E2
200
#F8BFC2
300
#F29197
400
#EC565E
500
#E51A25
600
#B7151E
700
#921118
800
#720D13
900
#530E12
950
#34090B

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

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