#FBC2D2

#FBC2D2

Color Values

HEX

#FBC2D2

RGB

251, 194, 210

HSL

343.2, 87.7%, 87.3%

HSV

343.2, 22.7%, 98.4%

CMYK

0.0%, 22.7%, 16.3%, 1.6%

OKLCH

0.8694 0.0681 0.0

Properties

Warm Light Nearest: pink

Color Harmonies

Complementary

#FBC2D2

#C2FBEB

Analogous

#FBC2EF

#FBCFC2

#FBC2D2

Triadic

#FBC2D2

#D2FBC2

#C2D2FB

Split Complementary

#FBC2D2

#C2FBCF

#C2EFFB

Tetradic

#FBC2D2

#EFFBC2

#C2FBEB

#CFC2FB

Color Blindness Simulation

Original

#FBC2D2

Protanopia

#E2E2CE

Deuteranopia

#E6EACD

Tritanopia

#F8CBCA

Achromatopsia

#CFCFCF

CSS Usage

background-color: #FBC2D2;
color: #FBC2D2;
border-color: #FBC2D2;
Nearest Tailwind: Rose 200 #FECDD3

Tailwind Shades

50
#FDF2F5
100
#FAE0E7
200
#FBBCCE
300
#F78CAA
400
#F34E7C
500
#EF104E
600
#BF0D3F
700
#990A32
800
#780827
900
#570A20
950
#370614

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

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