#FEC3BB

#FEC3BB

Color Values

HEX

#FEC3BB

RGB

254, 195, 187

HSL

7.2, 97.1%, 86.5%

HSV

7.2, 26.4%, 99.6%

CMYK

0.0%, 23.2%, 26.4%, 0.4%

OKLCH

0.868 0.069 27.4

Properties

Warm Light Nearest: Melon

Color Harmonies

Complementary

#FEC3BB

#BBF6FE

Analogous

#FEBBD5

#FEE5BB

#FEC3BB

Triadic

#FEC3BB

#BBFEC3

#C3BBFE

Split Complementary

#FEC3BB

#BBFEE5

#BBD5FE

Tetradic

#FEC3BB

#D5FEBB

#BBF6FE

#E5BBFE

Color Blindness Simulation

Original

#FEC3BB

Protanopia

#E4E4BD

Deuteranopia

#E8ECBD

Tritanopia

#FBBEBF

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#FEF3F1
100
#FCE2DE
200
#FEC1B9
300
#FD9586
400
#FC5B45
500
#FB2104
600
#C91B03
700
#A11502
800
#7E1102
900
#5B1006
950
#390A04

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

13.74: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