#FED4BB

#FED4BB

Color Values

HEX

#FED4BB

RGB

254, 212, 187

HSL

22.4, 97.1%, 86.5%

HSV

22.4, 26.4%, 99.6%

CMYK

0.0%, 16.5%, 26.4%, 0.4%

OKLCH

0.8994 0.058 52.5

Properties

Warm Light Nearest: peachpuff

Color Harmonies

Complementary

#FED4BB

#BBE5FE

Analogous

#FEBBC4

#FEF6BB

#FED4BB

Triadic

#FED4BB

#BBFED4

#D4BBFE

Split Complementary

#FED4BB

#BBFEF6

#BBC4FE

Tetradic

#FED4BB

#C4FEBB

#BBE5FE

#F6BBFE

Color Blindness Simulation

Original

#FED4BB

Protanopia

#ECEBC1

Deuteranopia

#EEF1C2

Tritanopia

#FCC6C7

Achromatopsia

#DBDBDB

CSS Usage

background-color: #FED4BB;
color: #FED4BB;
border-color: #FED4BB;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FEF6F1
100
#FCE9DE
200
#FED3B9
300
#FDB386
400
#FC8945
500
#FB6004
600
#C94D03
700
#A13E02
800
#7E3002
900
#5B2606
950
#391804

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

15.35:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026