#FECFB3

#FECFB3

Color Values

HEX

#FECFB3

RGB

254, 207, 179

HSL

22.4, 97.4%, 84.9%

HSV

22.4, 29.5%, 99.6%

CMYK

0.0%, 18.5%, 29.5%, 0.4%

OKLCH

0.8882 0.0652 52.4

Properties

Warm Light Nearest: Peach

Color Harmonies

Complementary

#FECFB3

#B3E2FE

Analogous

#FEB3BC

#FEF4B3

#FECFB3

Triadic

#FECFB3

#B3FECF

#CFB3FE

Split Complementary

#FECFB3

#B3FEF4

#B3BCFE

Tetradic

#FECFB3

#BCFEB3

#B3E2FE

#F4B3FE

Color Blindness Simulation

Original

#FECFB3

Protanopia

#EAE9BA

Deuteranopia

#ECF0BB

Tritanopia

#FCBFC0

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#FEF6F1
100
#FCE9DE
200
#FED2B9
300
#FDB386
400
#FD8945
500
#FC6003
600
#C94D03
700
#A13D02
800
#7E3002
900
#5B2606
950
#391804

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

14.79:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026