#FAB480

#FAB480

Color Values

HEX

#FAB480

RGB

250, 180, 128

HSL

25.6, 92.4%, 74.1%

HSV

25.6, 48.8%, 98.0%

CMYK

0.0%, 28.0%, 48.8%, 2.0%

OKLCH

0.8243 0.106 57.2

Properties

Warm Light Nearest: Macaroni and Cheese

Color Harmonies

Complementary

#FAB480

#80C6FA

Analogous

#FA8089

#FAF180

#FAB480

Triadic

#FAB480

#80FAB4

#B480FA

Split Complementary

#FAB480

#80FAF1

#8089FA

Tetradic

#FAB480

#89FA80

#80C6FA

#F180FA

Color Blindness Simulation

Original

#FAB480

Protanopia

#DCDB8D

Deuteranopia

#E0E590

Tritanopia

#F69799

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#FDF6F1
100
#FBEBDF
200
#FCD6BA
300
#FABA89
400
#F89449
500
#F56E0A
600
#C45808
700
#9D4706
800
#7B3705
900
#592B08
950
#381B05

Contrast Checker

Text on white

1.76:1

AA Fail AAA Fail

Text on black

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