#FCBEC2

#FCBEC2

Color Values

HEX

#FCBEC2

RGB

252, 190, 194

HSL

356,1, 91,2%, 86,7%

HSV

356,1, 24,6%, 98,8%

CMYK

0,0%, 24,6%, 23,0%, 1,2%

OKLCH

0,8587 0,0717 14,4

Properties

Warm Light Nearest: rosybrown 1

Color Harmonies

Complementary

#FCBEC2

#BEFCF8

Analogous

#FCBEE1

#FCD9BE

#FCBEC2

Triadic

#FCBEC2

#C2FCBE

#BEC2FC

Split Complementary

#FCBEC2

#BEFCD9

#BEE1FC

Tetradic

#FCBEC2

#E1FCBE

#BEFCF8

#D9BEFC

Color Blindness Simulation

Original

#FCBEC2

Protanopia

#E1E1C1

Deuteranopia

#E5E9C1

Tritanopia

#F9C0C0

Achromatopsia

#CBCBCB

CSS Usage

background-color: #FCBEC2;
color: #FCBEC2;
border-color: #FCBEC2;
Nearest Tailwind: Red 200 #FECACA

Tailwind Shades

50
#FDF1F2
100
#FBDFE1
200
#FCBBBF
300
#FA8A91
400
#F74B56
500
#F40B1A
600
#C30915
700
#9C0711
800
#7A060D
900
#58090E
950
#380509

Contrast Checker

Text on white

1,58:1

AA Fail AAA Fail

Text on black

13,28: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