#F6A150 Color

Color Information

HEX#F6A150
RGB246, 161, 80
HSL29° , 90% , 64%
HSV29° , 67% , 96%
CMYK0%, 35%, 67%, 4%

Lighter Shades

#F7AC65 #F8B87A #F9C38F #FACEA4 #FBD9B9 #FCE5CE

Darker Shades

#D88E46 #BB7A3D #9D6733 #80542A #624020 #452D16

Complementary Palette

#D48A45 #F6A150 #468FD4 #51A6F6 #69B2F7 #F7AE69

Analogous Palette

#CD6060 #E36365 #E7974B #F6A150 #E3E163 #E6E470

Triadic Palette

#D88E46 #F6A150 #47FFA0 #5DFFAB #A047FF #8D3EE0

Split Complementary Palette

#DD9148 #F6A150 #51F6F3 #62F7F4 #5153F6 #494BDD

Square Palette

#CF8743 #F6A150 #5CED5A #5AA6ED #F351F6 #F56DF7

Tetradic Palette

#CA8442 #F6A150 #A6FF47 #51A6F6 #A047FF #B168FF

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #F6A150 contains 246 red, 161 green, and 80 blue.

Contrast Ratio: 2.05:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 10.24:1