#FEBAB3

#FEBAB3

Color Values

HEX

#FEBAB3

RGB

254, 186, 179

HSL

5.6, 97.4%, 84.9%

HSV

5.6, 29.5%, 99.6%

CMYK

0.0%, 26.8%, 29.5%, 0.4%

OKLCH

0.8498 0.0799 25.5

Properties

Warm Light Nearest: Melon

Color Harmonies

Complementary

#FEBAB3

#B3F7FE

Analogous

#FEB3D1

#FEDFB3

#FEBAB3

Triadic

#FEBAB3

#B3FEBA

#BAB3FE

Split Complementary

#FEBAB3

#B3FEDF

#B3D1FE

Tetradic

#FEBAB3

#D1FEB3

#B3F7FE

#DFB3FE

Color Blindness Simulation

Original

#FEBAB3

Protanopia

#E1E0B5

Deuteranopia

#E4EAB5

Tritanopia

#FBB6B6

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#FEF2F1
100
#FCE1DE
200
#FEBFB9
300
#FD9186
400
#FD5645
500
#FC1A03
600
#C91503
700
#A11102
800
#7E0D02
900
#5B0E06
950
#390904

Contrast Checker

Text on white

1.63:1

AA Fail AAA Fail

Text on black

12.89:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026