#FED1AF

#FED1AF

Color Values

HEX

#FED1AF

RGB

254, 209, 175

HSL

25,8, 97,5%, 84,1%

HSV

25,8, 31,1%, 99,6%

CMYK

0,0%, 17,7%, 31,1%, 0,4%

OKLCH

0,8911 0,0679 58,8

Properties

Warm Light Nearest: Peach

Color Harmonies

Complementary

#FED1AF

#AFDCFE

Analogous

#FEAFB4

#FEF8AF

#FED1AF

Triadic

#FED1AF

#AFFED1

#D1AFFE

Split Complementary

#FED1AF

#AFFEF8

#AFB4FE

Tetradic

#FED1AF

#B4FEAF

#AFDCFE

#F8AFFE

Color Blindness Simulation

Original

#FED1AF

Protanopia

#EBEAB7

Deuteranopia

#EDF0B9

Tritanopia

#FCBEBF

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#FEF6F1
100
#FCEBDE
200
#FED6B8
300
#FDB986
400
#FD9445
500
#FC6E03
600
#C95803
700
#A14602
800
#7E3702
900
#5B2A06
950
#391B04

Contrast Checker

Text on white

1,4:1

AA Fail AAA Fail

Text on black

14,95: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