#FCBA45

#FCBA45

Color Values

HEX

#FCBA45

RGB

252, 186, 69

HSL

38,4, 96,8%, 62,9%

HSV

38,4, 72,6%, 98,8%

CMYK

0,0%, 26,2%, 72,6%, 1,2%

OKLCH

0,8303 0,1487 78,0

Properties

Warm Light Nearest: Yellow Orange

Color Harmonies

Complementary

#FCBA45

#4587FC

Analogous

#FC5E45

#E2FC45

#FCBA45

Triadic

#FCBA45

#45FCBA

#BA45FC

Split Complementary

#FCBA45

#45E2FC

#5E45FC

Tetradic

#FCBA45

#45FC5E

#4587FC

#FC45E2

Color Blindness Simulation

Original

#FCBA45

Protanopia

#DFDF61

Deuteranopia

#E3E868

Tritanopia

#F9787D

Achromatopsia

#C0C0C0

CSS Usage

background-color: #FCBA45;
color: #FCBA45;
border-color: #FCBA45;
Nearest Tailwind: Amber 400 #FBBF24

Tailwind Shades

50
#FEF9F1
100
#FCF1DE
200
#FEE5B9
300
#FDD287
400
#FCBA45
500
#FBA204
600
#C98203
700
#A16803
800
#7D5102
900
#5B3C06
950
#392604

Contrast Checker

Text on white

1,71:1

AA Fail AAA Fail

Text on black

12,25: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