#FDAA74

#FDAA74

Color Values

HEX

#FDAA74

RGB

253, 170, 116

HSL

23.6, 97.2%, 72.4%

HSV

23.6, 54.2%, 99.2%

CMYK

0.0%, 32.8%, 54.2%, 0.8%

OKLCH

0.8077 0.1203 53.3

Properties

Warm Light Nearest: Tan

Color Harmonies

Complementary

#FDAA74

#74C7FD

Analogous

#FD7483

#FDEE74

#FDAA74

Triadic

#FDAA74

#74FDAA

#AA74FD

Split Complementary

#FDAA74

#74FDEE

#7483FD

Tetradic

#FDAA74

#83FD74

#74C7FD

#EE74FD

Color Blindness Simulation

Original

#FDAA74

Protanopia

#D9D881

Deuteranopia

#DEE484

Tritanopia

#F98B8E

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#FEF6F1
100
#FCEADE
200
#FED4B9
300
#FDB586
400
#FC8D45
500
#FB6504
600
#C95103
700
#A14102
800
#7E3302
900
#5B2706
950
#391904

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

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