#FDAD86

#FDAD86

Color Values

HEX

#FDAD86

RGB

253, 173, 134

HSL

19,7, 96,7%, 75,9%

HSV

19,7, 47,0%, 99,2%

CMYK

0,0%, 31,6%, 47,0%, 0,8%

OKLCH

0,8161 0,108 46,8

Properties

Warm Light Nearest: NCS S 0540-Y70R Coral Light

Color Harmonies

Complementary

#FDAD86

#86D6FD

Analogous

#FD869B

#FDE986

#FDAD86

Triadic

#FDAD86

#86FDAD

#AD86FD

Split Complementary

#FDAD86

#86FDE9

#869BFD

Tetradic

#FDAD86

#9BFD86

#86D6FD

#E986FD

Color Blindness Simulation

Original

#FDAD86

Protanopia

#DADA8F

Deuteranopia

#DFE592

Tritanopia

#F99799

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#FEF5F1
100
#FCE8DE
200
#FECFB9
300
#FDAD87
400
#FC8145
500
#FB5504
600
#C94403
700
#A13703
800
#7D2B02
900
#5B2206
950
#391504

Contrast Checker

Text on white

1,83:1

AA Fail AAA Fail

Text on black

11,5:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026