#FEB1A3

#FEB1A3

Color Values

HEX

#FEB1A3

RGB

254, 177, 163

HSL

9.2, 97.8%, 81.8%

HSV

9.2, 35.8%, 99.6%

CMYK

0.0%, 30.3%, 35.8%, 0.4%

OKLCH

0.8301 0.093 30.6

Properties

Warm Light Nearest: Melon

Color Harmonies

Complementary

#FEB1A3

#A3F0FE

Analogous

#FEA3C3

#FEDFA3

#FEB1A3

Triadic

#FEB1A3

#A3FEB1

#B1A3FE

Split Complementary

#FEB1A3

#A3FEDF

#A3C3FE

Tetradic

#FEB1A3

#C3FEA3

#A3F0FE

#DFA3FE

Color Blindness Simulation

Original

#FEB1A3

Protanopia

#DDDCA6

Deuteranopia

#E1E7A7

Tritanopia

#FAA9AA

Achromatopsia

#C0C0C0

CSS Usage

background-color: #FEB1A3;
color: #FEB1A3;
border-color: #FEB1A3;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FEF3F1
100
#FCE3DE
200
#FEC3B8
300
#FE9886
400
#FD6144
500
#FC2903
600
#CA2102
700
#A11A02
800
#7E1501
900
#5B1306
950
#3A0C04

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

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