#FBC4C2

#FBC4C2

Color Values

HEX

#FBC4C2

RGB

251, 196, 194

HSL

2.1, 87.7%, 87.3%

HSV

2.1, 22.7%, 98.4%

CMYK

0.0%, 21.9%, 22.7%, 1.6%

OKLCH

0.8686 0.0633 20.9

Properties

Warm Light Nearest: rosybrown 1

Color Harmonies

Complementary

#FBC4C2

#C2F9FB

Analogous

#FBC2DD

#FBE1C2

#FBC4C2

Triadic

#FBC4C2

#C2FBC4

#C4C2FB

Split Complementary

#FBC4C2

#C2FBE1

#C2DDFB

Tetradic

#FBC4C2

#DDFBC2

#C2F9FB

#E1C2FB

Color Blindness Simulation

Original

#FBC4C2

Protanopia

#E3E3C2

Deuteranopia

#E6EAC3

Tritanopia

#F8C3C3

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FAE1E0
200
#FBBEBC
300
#F7908C
400
#F3544E
500
#EF1810
600
#BF130D
700
#990F0A
800
#780C08
900
#570D0A
950
#370806

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

13.78:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026