#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

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026