#FAC993

#FAC993

Color Values

HEX

#FAC993

RGB

250, 201, 147

HSL

31.5, 91.2%, 77.8%

HSV

31.5, 41.2%, 98.0%

CMYK

0.0%, 19.6%, 41.2%, 2.0%

OKLCH

0.8666 0.0891 68.9

Properties

Warm Light Nearest: burlywood 1

Color Harmonies

Complementary

#FAC993

#93C4FA

Analogous

#FA9593

#F7FA93

#FAC993

Triadic

#FAC993

#93FAC9

#C993FA

Split Complementary

#FAC993

#93F7FA

#9593FA

Tetradic

#FAC993

#93FA95

#93C4FA

#FA93F7

Color Blindness Simulation

Original

#FAC993

Protanopia

#E5E4A0

Deuteranopia

#E8EBA3

Tritanopia

#F8AAAD

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#FDF8F1
100
#FBEEDF
200
#FCDDBB
300
#FAC58A
400
#F7A54B
500
#F4850B
600
#C36B09
700
#9C5507
800
#7A4306
900
#583209
950
#382005

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

13.84:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026