#F5A224 Color

Color Information

HEX	#F5A224
RGB	245, 162, 36
HSL	36° , 91% , 55%
HSV	36° , 85% , 96%
CMYK	0%, 34%, 85%, 4%

Lighter Shades

#F6AD3E #F7B859 #F9C373 #FACF8D #FBDAA7 #FCE5C2

Darker Shades

#D88F20 #BA7B1B #9D6817 #7F5413 #62410E #452D0A

Complementary Palette

#D38B1F #F5A224 #1F66D3 #2477F5 #438AF6 #F6AF43

Analogous Palette

#C84A3C #DE4B3B #E69822 #F5A224 #CDDE3B #D2E14C

Triadic Palette

#D88F20 #F5A224 #1AFFA3 #35FFAE #A31AFF #8F17E0

Split Complementary Palette

#DD9220 #F5A224 #24E0F5 #3AE3F6 #3924F5 #3320DD

Square Palette

#CE881E #F5A224 #2FE942 #2F7AE9 #F524E0 #F747E5

Tetradic Palette

#C9851E #F5A224 #75FF1A #2477F5 #A31AFF #B443FF

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #F5A224 contains 245 red, 162 green, and 36 blue.

Contrast Ratio: 2.06:1

Black Background

PASS

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 10.19:1