#FED4AC

#FED4AC

Color Values

HEX

#FED4AC

RGB

254, 212, 172

HSL

29.3, 97.6%, 83.5%

HSV

29.3, 32.3%, 99.6%

CMYK

0.0%, 16.5%, 32.3%, 0.4%

OKLCH

0.8962 0.0705 65.3

Properties

Warm Light Nearest: Peach

Color Harmonies

Complementary

#FED4AC

#ACD6FE

Analogous

#FEACAD

#FEFDAC

#FED4AC

Triadic

#FED4AC

#ACFED4

#D4ACFE

Split Complementary

#FED4AC

#ACFEFD

#ACADFE

Tetradic

#FED4AC

#ADFEAC

#ACD6FE

#FDACFE

Color Blindness Simulation

Original

#FED4AC

Protanopia

#ECEBB6

Deuteranopia

#EEF1B8

Tritanopia

#FCBDBF

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#FEF7F1
100
#FCEDDE
200
#FEDAB8
300
#FEC086
400
#FD9F45
500
#FC7D03
600
#CA6402
700
#A15002
800
#7E3E02
900
#5B2F06
950
#391E04

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

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