#F0A85F Color

Color Information

HEX	#F0A85F
RGB	240, 168, 95
HSL	30° , 83% , 66%
HSV	30° , 60% , 94%
CMYK	0%, 30%, 60%, 6%

Lighter Shades

#F2B272 #F4BD85 #F5C799 #F7D2AC #F9DCBF #FBE7D2

Darker Shades

#D39454 #B68048 #9A6C3D #7D5731 #604326 #432F1B

Complementary Palette

#CE9052 #F0A85F #5390CE #60A8F0 #76B4F2 #F2B475

Analogous Palette

#C96E6E #DF7272 #E29E59 #F0A85F #DFDF72 #E2E27E

Triadic Palette

#D39454 #F0A85F #58F9A8 #6CFAB2 #A858F9 #944DDB

Split Complementary Palette

#D89756 #F0A85F #60F0F0 #70F2F2 #6060F0 #5656D8

Square Palette

#CA8D50 #F0A85F #69E869 #69A8E8 #F060F0 #F279F2

Tetradic Palette

#C58A4E #F0A85F #A8FF52 #60A8F0 #A852FF #B871FF

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #F0A85F contains 240 red, 168 green, and 95 blue.

Contrast Ratio: 1.98:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 10.6:1