#FEC1BD

#FEC1BD

Color Values

HEX

#FEC1BD

RGB

254, 193, 189

HSL

3.7, 97.0%, 86.9%

HSV

3.7, 25.6%, 99.6%

CMYK

0.0%, 24.0%, 25.6%, 0.4%

OKLCH

0.8648 0.0707 22.9

Properties

Warm Light Nearest: rosybrown 1

Color Harmonies

Complementary

#FEC1BD

#BDFAFE

Analogous

#FEBDDA

#FEE2BD

#FEC1BD

Triadic

#FEC1BD

#BDFEC1

#C1BDFE

Split Complementary

#FEC1BD

#BDFEE2

#BDDAFE

Tetradic

#FEC1BD

#DAFEBD

#BDFAFE

#E2BDFE

Color Blindness Simulation

Original

#FEC1BD

Protanopia

#E4E3BE

Deuteranopia

#E7ECBE

Tritanopia

#FBBFBF

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#FEF2F1
100
#FCE0DE
200
#FEBDB9
300
#FD8E86
400
#FC5045
500
#FB1304
600
#C90F03
700
#A10C02
800
#7E0A02
900
#5B0B06
950
#390704

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

13.58:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026