#F5A623

#F5A623

Color Values

HEX

#F5A623

RGB

245, 166, 35

HSL

37.4, 91.3%, 54.9%

HSV

37.4, 85.7%, 96.1%

CMYK

0.0%, 32.2%, 85.7%, 3.9%

OKLCH

0.7837 0.1587 73.0

Properties

Warm Light Nearest: RAL 1037 Sun Yellow

Color Harmonies

Complementary

#F5A623

#2372F5

Analogous

#F53D23

#DBF523

#F5A623

Triadic

#F5A623

#23F5A6

#A623F5

Split Complementary

#F5A623

#23DBF5

#3D23F5

Tetradic

#F5A623

#23F53D

#2372F5

#F523DB

Color Blindness Simulation

Original

#F5A623

Protanopia

#D3D243

Deuteranopia

#D7DD4A

Tritanopia

#F15C61

Achromatopsia

#ADADAD

CSS Usage

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

Tailwind Shades

50
#FDF9F1
100
#FBF1DF
200
#FCE3BB
300
#FAD08A
400
#F7B64B
500
#F49C0B
600
#C37D09
700
#9C6407
800
#7A4E06
900
#583A09
950
#382505

Contrast Checker

Text on white

2.03:1

AA Fail AAA Fail

Text on black

10.36:1

AA Pass AAA Pass

Brands Using This Color

Crunchbase

Crunchbase

Buttercup

Part of These Collections

Radix UI Colors

Orange 7

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026