#FDAA68

#FDAA68

Color Values

HEX

#FDAA68

RGB

253, 170, 104

HSL

26.6, 97.4%, 70.0%

HSV

26.6, 58.9%, 99.2%

CMYK

0.0%, 32.8%, 58.9%, 0.8%

OKLCH

0.806 0.1278 58.1

Properties

Warm Light Nearest: sandybrown

Color Harmonies

Complementary

#FDAA68

#68BBFD

Analogous

#FD6870

#FDF568

#FDAA68

Triadic

#FDAA68

#68FDAA

#AA68FD

Split Complementary

#FDAA68

#68FDF5

#6870FD

Tetradic

#FDAA68

#70FD68

#68BBFD

#F568FD

Color Blindness Simulation

Original

#FDAA68

Protanopia

#D9D878

Deuteranopia

#DEE47C

Tritanopia

#F98587

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#FEF7F1
100
#FCEBDE
200
#FED7B9
300
#FDBB86
400
#FD9645
500
#FC7103
600
#C95B03
700
#A14902
800
#7E3902
900
#5B2C06
950
#391C04

Contrast Checker

Text on white

1.89:1

AA Fail AAA Fail

Text on black

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