#FDAD74

#FDAD74

Color Values

HEX

#FDAD74

RGB

253, 173, 116

HSL

25,0, 97,2%, 72,4%

HSV

25,0, 54,2%, 99,2%

CMYK

0,0%, 31,6%, 54,2%, 0,8%

OKLCH

0,813 0,1191 55,7

Properties

Warm Light Nearest: Tan

Color Harmonies

Complementary

#FDAD74

#74C4FD

Analogous

#FD7480

#FDF274

#FDAD74

Triadic

#FDAD74

#74FDAD

#AD74FD

Split Complementary

#FDAD74

#74FDF2

#7480FD

Tetradic

#FDAD74

#80FD74

#74C4FD

#F274FD

Color Blindness Simulation

Original

#FDAD74

Protanopia

#DADA82

Deuteranopia

#DFE585

Tritanopia

#F98D8F

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#FEF6F1
100
#FCEBDE
200
#FED6B9
300
#FDB886
400
#FC9145
500
#FB6B04
600
#C95503
700
#A14402
800
#7E3502
900
#5B2906
950
#391A04

Contrast Checker

Text on white

1,84:1

AA Fail AAA Fail

Text on black

11,41:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Fev 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fev 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fev 19, 2026