#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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026