#FBC4D0

#FBC4D0

Color Values

HEX

#FBC4D0

RGB

251, 196, 208

HSL

346.9, 87.3%, 87.6%

HSV

346.9, 21.9%, 98.4%

CMYK

0.0%, 21.9%, 17.1%, 1.6%

OKLCH

0.8724 0.0645 3.9

Properties

Warm Light Nearest: pink

Color Harmonies

Complementary

#FBC4D0

#C4FBEF

Analogous

#FBC4EB

#FBD3C4

#FBC4D0

Triadic

#FBC4D0

#D0FBC4

#C4D0FB

Split Complementary

#FBC4D0

#C4FBD3

#C4EBFB

Tetradic

#FBC4D0

#EBFBC4

#C4FBEF

#D3C4FB

Color Blindness Simulation

Original

#FBC4D0

Protanopia

#E3E3CD

Deuteranopia

#E6EACC

Tritanopia

#F8CBCA

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#FDF2F4
100
#FAE0E6
200
#FABCCA
300
#F78CA4
400
#F34E72
500
#EF1041
600
#BF0D34
700
#990A29
800
#770820
900
#570A1B
950
#370711

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

13.91:1

AA Pass AAA Pass

Related Articles

Tutorials

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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026