#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

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026