#FDAE86

#FDAE86

Color Values

HEX

#FDAE86

RGB

253, 174, 134

HSL

20.2, 96.7%, 75.9%

HSV

20.2, 47.0%, 99.2%

CMYK

0.0%, 31.2%, 47.0%, 0.8%

OKLCH

0.8178 0.1074 47.6

Properties

Warm Light Nearest: NCS S 0540-Y70R Coral Light

Color Harmonies

Complementary

#FDAE86

#86D5FD

Analogous

#FD869A

#FDEA86

#FDAE86

Triadic

#FDAE86

#86FDAE

#AE86FD

Split Complementary

#FDAE86

#86FDEA

#869AFD

Tetradic

#FDAE86

#9AFD86

#86D5FD

#EA86FD

Color Blindness Simulation

Original

#FDAE86

Protanopia

#DBDA90

Deuteranopia

#DFE592

Tritanopia

#F99799

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#FEF5F1
100
#FCE8DE
200
#FED0B9
300
#FDAE87
400
#FC8345
500
#FB5704
600
#C94603
700
#A13803
800
#7D2C02
900
#5B2306
950
#391604

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

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