#FBC57A

#FBC57A

Color Values

HEX

#FBC57A

RGB

251, 197, 122

HSL

34.9, 94.2%, 73.1%

HSV

34.9, 51.4%, 98.4%

CMYK

0.0%, 21.5%, 51.4%, 1.6%

OKLCH

0.8559 0.1114 74.5

Properties

Warm Light Nearest: NCS S 0530-Y30R Apricot

Color Harmonies

Complementary

#FBC57A

#7AB0FB

Analogous

#FB847A

#F0FB7A

#FBC57A

Triadic

#FBC57A

#7AFBC5

#C57AFB

Split Complementary

#FBC57A

#7AF0FB

#847AFB

Tetradic

#FBC57A

#7AFB84

#7AB0FB

#FB7AF0

Color Blindness Simulation

Original

#FBC57A

Protanopia

#E4E38C

Deuteranopia

#E7EB90

Tritanopia

#F89A9E

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#FDF8F1
100
#FBEFDF
200
#FDE1BA
300
#FBCB88
400
#FAAF48
500
#F89307
600
#C67606
700
#9E5E05
800
#7C4A04
900
#5A3707
950
#392305

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

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