#FBC4CF

#FBC4CF

Color Values

HEX

#FBC4CF

RGB

251, 196, 207

HSL

348,0, 87,3%, 87,6%

HSV

348,0, 21,9%, 98,4%

CMYK

0,0%, 21,9%, 17,5%, 1,6%

OKLCH

0,8721 0,0642 5,1

Properties

Warm Light Nearest: pink

Color Harmonies

Complementary

#FBC4CF

#C4FBF0

Analogous

#FBC4EA

#FBD4C4

#FBC4CF

Triadic

#FBC4CF

#CFFBC4

#C4CFFB

Split Complementary

#FBC4CF

#C4FBD4

#C4EAFB

Tetradic

#FBC4CF

#EAFBC4

#C4FBF0

#D4C4FB

Color Blindness Simulation

Original

#FBC4CF

Protanopia

#E3E3CC

Deuteranopia

#E6EACC

Tritanopia

#F8CACA

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#FDF2F4
100
#FAE0E5
200
#FABCC9
300
#F78CA2
400
#F34E6F
500
#EF103D
600
#BF0D31
700
#990A27
800
#77081E
900
#570A1A
950
#370710

Contrast Checker

Text on white

1,51:1

AA Fail AAA Fail

Text on black

13,9:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026