#FEDEBD

#FEDEBD

Color Values

HEX

#FEDEBD

RGB

254, 222, 189

HSL

30.5, 97.0%, 86.9%

HSV

30.5, 25.6%, 99.6%

CMYK

0.0%, 12.6%, 25.6%, 0.4%

OKLCH

0.9189 0.0561 67.9

Properties

Warm Light Nearest: peachpuff

Color Harmonies

Complementary

#FEDEBD

#BDDDFE

Analogous

#FEBEBD

#FDFEBD

#FEDEBD

Triadic

#FEDEBD

#BDFEDE

#DEBDFE

Split Complementary

#FEDEBD

#BDFDFE

#BEBDFE

Tetradic

#FEDEBD

#BDFEBE

#BDDDFE

#FEBDFD

Color Blindness Simulation

Original

#FEDEBD

Protanopia

#F0F0C5

Deuteranopia

#F2F4C7

Tritanopia

#FCCBCD

Achromatopsia

#E2E2E2

CSS Usage

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

Tailwind Shades

50
#FEF7F1
100
#FCEDDE
200
#FEDCB9
300
#FDC386
400
#FCA245
500
#FB8204
600
#C96803
700
#A15302
800
#7E4102
900
#5B3106
950
#391F04

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

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