#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

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