#F8CFCC

#F8CFCC

Color Values

HEX

#F8CFCC

RGB

248, 207, 204

HSL

4.1, 75.9%, 88.6%

HSV

4.1, 17.7%, 97.3%

CMYK

0.0%, 16.5%, 17.7%, 2.7%

OKLCH

0.8887 0.0466 23.0

Properties

Warm Light Nearest: NCS S 0520-R Light Pink

Color Harmonies

Complementary

#F8CFCC

#CCF5F8

Analogous

#F8CCDF

#F8E5CC

#F8CFCC

Triadic

#F8CFCC

#CCF8CF

#CFCCF8

Split Complementary

#F8CFCC

#CCF8E5

#CCDFF8

Tetradic

#F8CFCC

#DFF8CC

#CCF5F8

#E5CCF8

Color Blindness Simulation

Original

#F8CFCC

Protanopia

#E6E6CD

Deuteranopia

#E9ECCD

Tritanopia

#F6CDCD

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#FCF3F2
100
#F9E3E2
200
#F6C4C0
300
#F09A93
400
#E86359
500
#E02C1F
600
#B32319
700
#901C14
800
#70160F
900
#52140F
950
#340D0A

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

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