#FDAD68

#FDAD68

Color Values

HEX

#FDAD68

RGB

253, 173, 104

HSL

27.8, 97.4%, 70.0%

HSV

27.8, 58.9%, 99.2%

CMYK

0.0%, 31.6%, 58.9%, 0.8%

OKLCH

0.8113 0.127 60.3

Properties

Warm Light Nearest: sandybrown

Color Harmonies

Complementary

#FDAD68

#68B8FD

Analogous

#FD686D

#FDF868

#FDAD68

Triadic

#FDAD68

#68FDAD

#AD68FD

Split Complementary

#FDAD68

#68FDF8

#686DFD

Tetradic

#FDAD68

#6DFD68

#68B8FD

#F868FD

Color Blindness Simulation

Original

#FDAD68

Protanopia

#DADA79

Deuteranopia

#DFE57D

Tritanopia

#F98689

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#FEF7F1
100
#FCECDE
200
#FED9B9
300
#FDBD86
400
#FD9A45
500
#FC7603
600
#C95F03
700
#A14C02
800
#7E3B02
900
#5B2D06
950
#391D04

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

11.35:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026