#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