#FAC489

#FAC489

Color Values

HEX

#FAC489

RGB

250, 196, 137

HSL

31,3, 91,9%, 75,9%

HSV

31,3, 45,2%, 98,0%

CMYK

0,0%, 21,6%, 45,2%, 2,0%

OKLCH

0,8554 0,0974 68,4

Properties

Warm Light Nearest: Macaroni and Cheese

Color Harmonies

Complementary

#FAC489

#89BFFA

Analogous

#FA8C89

#F8FA89

#FAC489

Triadic

#FAC489

#89FAC4

#C489FA

Split Complementary

#FAC489

#89F8FA

#8C89FA

Tetradic

#FAC489

#89FA8C

#89BFFA

#FA89F8

Color Blindness Simulation

Original

#FAC489

Protanopia

#E3E297

Deuteranopia

#E6EA9B

Tritanopia

#F7A3A5

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#FDF8F1
100
#FBEEDF
200
#FCDDBA
300
#FAC48A
400
#F7A44A
500
#F5850A
600
#C46A08
700
#9D5507
800
#7A4205
900
#593208
950
#382005

Contrast Checker

Text on white

1,58:1

AA Fail AAA Fail

Text on black

13,32: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