#FEC8A3

#FEC8A3

Color Values

HEX

#FEC8A3

RGB

254, 200, 163

HSL

24.4, 97.8%, 81.8%

HSV

24.4, 35.8%, 99.6%

CMYK

0.0%, 21.3%, 35.8%, 0.4%

OKLCH

0.8717 0.0788 55.9

Properties

Warm Light Nearest: Peach

Color Harmonies

Complementary

#FEC8A3

#A3D9FE

Analogous

#FEA3AC

#FEF6A3

#FEC8A3

Triadic

#FEC8A3

#A3FEC8

#C8A3FE

Split Complementary

#FEC8A3

#A3FEF6

#A3ACFE

Tetradic

#FEC8A3

#ACFEA3

#A3D9FE

#F6A3FE

Color Blindness Simulation

Original

#FEC8A3

Protanopia

#E7E6AC

Deuteranopia

#EAEEAE

Tritanopia

#FBB3B5

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#FEF6F1
100
#FCEADE
200
#FED5B8
300
#FEB786
400
#FD8F44
500
#FC6803
600
#CA5302
700
#A14302
800
#7E3401
900
#5B2806
950
#3A1A04

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

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