#FAB953

#FAB953

Color Values

HEX

#FAB953

RGB

250, 185, 83

HSL

36.6, 94.4%, 65.3%

HSV

36.6, 66.8%, 98.0%

CMYK

0.0%, 26.0%, 66.8%, 2.0%

OKLCH

0.8276 0.1388 75.8

Properties

Warm Light Nearest: Yellow Orange

Color Harmonies

Complementary

#FAB953

#5394FA

Analogous

#FA6553

#E8FA53

#FAB953

Triadic

#FAB953

#53FAB9

#B953FA

Split Complementary

#FAB953

#53E8FA

#6553FA

Tetradic

#FAB953

#53FA65

#5394FA

#FA53E8

Color Blindness Simulation

Original

#FAB953

Protanopia

#DEDD6C

Deuteranopia

#E2E672

Tritanopia

#F77F83

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#FDF9F1
100
#FBF0DF
200
#FDE3BA
300
#FCCF88
400
#FAB448
500
#F89A07
600
#C67B06
700
#9F6305
800
#7C4D04
900
#5A3A07
950
#392405

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

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