#F9CAC8

#F9CAC8

Color Values

HEX

#F9CAC8

RGB

249, 202, 200

HSL

2.4, 80.3%, 88.0%

HSV

2.4, 19.7%, 97.6%

CMYK

0.0%, 18.9%, 19.7%, 2.4%

OKLCH

0.8793 0.0536 21.1

Properties

Warm Light Nearest: NCS S 0520-R Light Pink

Color Harmonies

Complementary

#F9CAC8

#C8F7F9

Analogous

#F9C8DE

#F9E2C8

#F9CAC8

Triadic

#F9CAC8

#C8F9CA

#CAC8F9

Split Complementary

#F9CAC8

#C8F9E2

#C8DEF9

Tetradic

#F9CAC8

#DEF9C8

#C8F7F9

#E2C8F9

Color Blindness Simulation

Original

#F9CAC8

Protanopia

#E5E4C8

Deuteranopia

#E7EBC9

Tritanopia

#F7C9C9

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#FDF3F2
100
#F9E2E1
200
#F8C1BF
300
#F39591
400
#EC5B55
500
#E62119
600
#B81B14
700
#931510
800
#73110D
900
#53100D
950
#350A08

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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