#FDAB54

#FDAB54

Color Values

HEX

#FDAB54

RGB

253, 171, 84

HSL

30.9, 97.7%, 66.1%

HSV

30.9, 66.8%, 99.2%

CMYK

0.0%, 32.4%, 66.8%, 0.8%

OKLCH

0.8054 0.1402 64.9

Properties

Warm Light Nearest: tan 1

Color Harmonies

Complementary

#FDAB54

#54A6FD

Analogous

#FD5754

#FAFD54

#FDAB54

Triadic

#FDAB54

#54FDAB

#AB54FD

Split Complementary

#FDAB54

#54FAFD

#5754FD

Tetradic

#FDAB54

#54FD57

#54A6FD

#FD54FA

Color Blindness Simulation

Original

#FDAB54

Protanopia

#D9D969

Deuteranopia

#DEE46E

Tritanopia

#F97A7D

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#FEF8F1
100
#FCEEDE
200
#FEDCB8
300
#FEC486
400
#FDA344
500
#FC8303
600
#CA6902
700
#A15402
800
#7E4201
900
#5B3206
950
#3A1F04

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