#FCB7B0

#FCB7B0

Color Values

HEX

#FCB7B0

RGB

252, 183, 176

HSL

5.5, 92.7%, 83.9%

HSV

5.5, 30.2%, 98.8%

CMYK

0.0%, 27.4%, 30.2%, 1.2%

OKLCH

0.8417 0.0814 25.5

Properties

Warm Light Nearest: Melon

Color Harmonies

Complementary

#FCB7B0

#B0F5FC

Analogous

#FCB0CF

#FCDDB0

#FCB7B0

Triadic

#FCB7B0

#B0FCB7

#B7B0FC

Split Complementary

#FCB7B0

#B0FCDD

#B0CFFC

Tetradic

#FCB7B0

#CFFCB0

#B0F5FC

#DDB0FC

Color Blindness Simulation

Original

#FCB7B0

Protanopia

#DEDEB2

Deuteranopia

#E2E7B2

Tritanopia

#F9B3B3

Achromatopsia

#C5C5C5

CSS Usage

background-color: #FCB7B0;
color: #FCB7B0;
border-color: #FCB7B0;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FDF2F1
100
#FBE2DF
200
#FCC0BA
300
#FB9389
400
#F85949
500
#F61F09
600
#C51907
700
#9D1406
800
#7B0F05
900
#590F08
950
#380A05

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

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