#FAC999

#FAC999

Color Values

HEX

#FAC999

RGB

250, 201, 153

HSL

29.7, 90.7%, 79.0%

HSV

29.7, 38.8%, 98.0%

CMYK

0.0%, 19.6%, 38.8%, 2.0%

OKLCH

0.8677 0.0837 65.8

Properties

Warm Light Nearest: burlywood 2

Color Harmonies

Complementary

#FAC999

#99CAFA

Analogous

#FA9999

#FAFA99

#FAC999

Triadic

#FAC999

#99FAC9

#C999FA

Split Complementary

#FAC999

#99FAFA

#9999FA

Tetradic

#FAC999

#99FA99

#99CAFA

#FA99FA

Color Blindness Simulation

Original

#FAC999

Protanopia

#E5E4A5

Deuteranopia

#E8EBA7

Tritanopia

#F8AEB0

Achromatopsia

#D0D0D0

CSS Usage

background-color: #FAC999;
color: #FAC999;
border-color: #FAC999;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FDF7F1
100
#FBEDDF
200
#FCDBBB
300
#F9C18A
400
#F6A04B
500
#F37E0C
600
#C36509
700
#9C5108
800
#7A3F06
900
#583009
950
#381E06

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

13.88:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026