#FBC2CD

#FBC2CD

Color Values

HEX

#FBC2CD

RGB

251, 194, 205

HSL

348.4, 87.7%, 87.3%

HSV

348.4, 22.7%, 98.4%

CMYK

0.0%, 22.7%, 18.3%, 1.6%

OKLCH

0.8679 0.0666 5.7

Properties

Warm Light Nearest: pink

Color Harmonies

Complementary

#FBC2CD

#C2FBF0

Analogous

#FBC2EA

#FBD4C2

#FBC2CD

Triadic

#FBC2CD

#CDFBC2

#C2CDFB

Split Complementary

#FBC2CD

#C2FBD4

#C2EAFB

Tetradic

#FBC2CD

#EAFBC2

#C2FBF0

#D4C2FB

Color Blindness Simulation

Original

#FBC2CD

Protanopia

#E2E2CA

Deuteranopia

#E6EACA

Tritanopia

#F8C8C8

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#FDF2F4
100
#FAE0E5
200
#FBBCC8
300
#F78CA1
400
#F34E6E
500
#EF103B
600
#BF0D2F
700
#990A26
800
#78081D
900
#570A19
950
#370610

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

13.7:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

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

1月 18, 2026