#FDCE8A

#FDCE8A

Color Values

HEX

#FDCE8A

RGB

253, 206, 138

HSL

35,5, 96,6%, 76,7%

HSV

35,5, 45,5%, 99,2%

CMYK

0,0%, 18,6%, 45,5%, 0,8%

OKLCH

0,8775 0,1005 76,0

Properties

Warm Light Nearest: NCS S 0530-Y30R Apricot

Color Harmonies

Complementary

#FDCE8A

#8AB9FD

Analogous

#FD958A

#F2FD8A

#FDCE8A

Triadic

#FDCE8A

#8AFDCE

#CE8AFD

Split Complementary

#FDCE8A

#8AF2FD

#958AFD

Tetradic

#FDCE8A

#8AFD95

#8AB9FD

#FD8AF2

Color Blindness Simulation

Original

#FDCE8A

Protanopia

#E9E89A

Deuteranopia

#EBEF9E

Tritanopia

#FBA7AA

Achromatopsia

#D3D3D3

CSS Usage

background-color: #FDCE8A;
color: #FDCE8A;
border-color: #FDCE8A;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FEF9F1
100
#FCF0DE
200
#FEE2B9
300
#FDCD87
400
#FCB146
500
#FB9604
600
#C97803
700
#A06003
800
#7D4B02
900
#5B3806
950
#392304

Contrast Checker

Text on white

1,46:1

AA Fail AAA Fail

Text on black

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