#F5AC37

#F5AC37

Color Values

HEX

#F5AC37

RGB

245, 172, 55

HSL

36.9, 90.5%, 58.8%

HSV

36.9, 77.6%, 96.1%

CMYK

0.0%, 29.8%, 77.6%, 3.9%

OKLCH

0.7957 0.1509 74.3

Properties

Warm Light Nearest: RAL 1006 Maize Yellow

Color Harmonies

Complementary

#F5AC37

#3780F5

Analogous

#F54D37

#DFF537

#F5AC37

Triadic

#F5AC37

#37F5AC

#AC37F5

Split Complementary

#F5AC37

#37DFF5

#4D37F5

Tetradic

#F5AC37

#37F54D

#3780F5

#F537DF

Color Blindness Simulation

Original

#F5AC37

Protanopia

#D5D553

Deuteranopia

#DADF5A

Tritanopia

#F16A6F

Achromatopsia

#B3B3B3

CSS Usage

background-color: #F5AC37;
color: #F5AC37;
border-color: #F5AC37;
Nearest Tailwind: Amber 500 #F59E0B

Tailwind Shades

50
#FDF9F1
100
#FBF0DF
200
#FCE3BB
300
#F9CF8A
400
#F6B44B
500
#F39A0C
600
#C27B0A
700
#9B6308
800
#794D06
900
#583A09
950
#382406

Contrast Checker

Text on white

1.94:1

AA Fail AAA Fail

Text on black

10.84:1

AA Pass AAA Pass

Brands Using This Color

Dai

Dai

Dai Gold

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