#F5BC4D

#F5BC4D

Color Values

HEX

#F5BC4D

RGB

245, 188, 77

HSL

39.6, 89.4%, 63.1%

HSV

39.6, 68.6%, 96.1%

CMYK

0.0%, 23.3%, 68.6%, 3.9%

OKLCH

0.8274 0.141 81.0

Properties

Warm Light Nearest: NCS S 1050-Y20R Golden

Color Harmonies

Complementary

#F5BC4D

#4D86F5

Analogous

#F5684D

#DAF54D

#F5BC4D

Triadic

#F5BC4D

#4DF5BC

#BC4DF5

Split Complementary

#F5BC4D

#4DDAF5

#684DF5

Tetradic

#F5BC4D

#4DF568

#4D86F5

#F54DDA

Color Blindness Simulation

Original

#F5BC4D

Protanopia

#DCDC68

Deuteranopia

#E0E46E

Tritanopia

#F27D82

Achromatopsia

#C0C0C0

CSS Usage

background-color: #F5BC4D;
color: #F5BC4D;
border-color: #F5BC4D;
Nearest Tailwind: Amber 300 #FCD34D

Tailwind Shades

50
#FDF9F2
100
#FBF1E0
200
#FBE6BB
300
#F9D38B
400
#F5BC4C
500
#F1A40E
600
#C1830B
700
#9B6909
800
#795207
900
#573D09
950
#372606

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

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