#FAB678

#FAB678

Color Values

HEX

#FAB678

RGB

250, 182, 120

HSL

28.6, 92.9%, 72.5%

HSV

28.6, 52.0%, 98.0%

CMYK

0.0%, 27.2%, 52.0%, 2.0%

OKLCH

0.8266 0.1115 62.7

Properties

Warm Light Nearest: Mac and Cheese

Color Harmonies

Complementary

#FAB678

#78BCFA

Analogous

#FA787B

#FAF778

#FAB678

Triadic

#FAB678

#78FAB6

#B678FA

Split Complementary

#FAB678

#78FAF7

#787BFA

Tetradic

#FAB678

#7BFA78

#78BCFA

#F778FA

Color Blindness Simulation

Original

#FAB678

Protanopia

#DDDC87

Deuteranopia

#E0E68B

Tritanopia

#F79395

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBECDF
200
#FCDABA
300
#FBBF89
400
#F89D49
500
#F67A09
600
#C56207
700
#9D4E06
800
#7B3D05
900
#592F08
950
#381D05

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

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