#FAB379

#FAB379

Color Values

HEX

#FAB379

RGB

250, 179, 121

HSL

27.0, 92.8%, 72.7%

HSV

27.0, 51.6%, 98.0%

CMYK

0.0%, 28.4%, 51.6%, 2.0%

OKLCH

0.8213 0.1112 59.6

Properties

Warm Light Nearest: Mac and Cheese

Color Harmonies

Complementary

#FAB379

#79C0FA

Analogous

#FA797F

#FAF479

#FAB379

Triadic

#FAB379

#79FAB3

#B379FA

Split Complementary

#FAB379

#79FAF4

#797FFA

Tetradic

#FAB379

#7FFA79

#79C0FA

#F479FA

Color Blindness Simulation

Original

#FAB379

Protanopia

#DBDB87

Deuteranopia

#DFE58A

Tritanopia

#F69295

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBECDF
200
#FCD8BA
300
#FBBC89
400
#F89849
500
#F67409
600
#C55D07
700
#9D4A06
800
#7B3A05
900
#592C08
950
#381C05

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

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