#FABA78

#FABA78

Color Values

HEX

#FABA78

RGB

250, 186, 120

HSL

30.5, 92.9%, 72.5%

HSV

30.5, 52.0%, 98.0%

CMYK

0.0%, 25.6%, 52.0%, 2.0%

OKLCH

0.834 0.1112 66.2

Properties

Warm Light Nearest: Mac and Cheese

Color Harmonies

Complementary

#FABA78

#78B8FA

Analogous

#FA7978

#F9FA78

#FABA78

Triadic

#FABA78

#78FABA

#BA78FA

Split Complementary

#FABA78

#78F9FA

#7978FA

Tetradic

#FABA78

#78FA79

#78B8FA

#FA78F9

Color Blindness Simulation

Original

#FABA78

Protanopia

#DEDE88

Deuteranopia

#E2E78C

Tritanopia

#F79597

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBEDDF
200
#FCDCBA
300
#FBC389
400
#F8A249
500
#F68109
600
#C56807
700
#9D5306
800
#7B4105
900
#593108
950
#381F05

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

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