#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

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026