#FDAA6B

#FDAA6B

Color Values

HEX

#FDAA6B

RGB

253, 170, 107

HSL

25.9, 97.3%, 70.6%

HSV

25.9, 57.7%, 99.2%

CMYK

0.0%, 32.8%, 57.7%, 0.8%

OKLCH

0.8064 0.1259 57.0

Properties

Warm Light Nearest: Tan

Color Harmonies

Complementary

#FDAA6B

#6BBEFD

Analogous

#FD6B75

#FDF36B

#FDAA6B

Triadic

#FDAA6B

#6BFDAA

#AA6BFD

Split Complementary

#FDAA6B

#6BFDF3

#6B75FD

Tetradic

#FDAA6B

#75FD6B

#6BBEFD

#F36BFD

Color Blindness Simulation

Original

#FDAA6B

Protanopia

#D9D87A

Deuteranopia

#DEE47E

Tritanopia

#F98689

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#FEF6F1
100
#FCEBDE
200
#FED7B9
300
#FDBA86
400
#FC9445
500
#FC6F03
600
#C95803
700
#A14702
800
#7E3702
900
#5B2B06
950
#391B04

Contrast Checker

Text on white

1.89:1

AA Fail AAA Fail

Text on black

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