#F2CF45 Color

Color Information

HEX#F2CF45
RGB242, 207, 69
HSL48° , 87% , 61%
HSV48° , 71% , 95%
CMYK0%, 14%, 71%, 5%

Lighter Shades

#F4D55B #F5DB72 #F7E088 #F8E69E #FAECB5 #FBF2CB

Darker Shades

#D5B63D #B89D34 #9B842C #7E6C24 #61531C #443A13

Complementary Palette

#D0B23B #F2CF45 #3B59D0 #4568F2 #5F7DF4 #F4D65F

Analogous Palette

#C87856 #DE8159 #E3C341 #F2CF45 #B6DE59 #BCE166

Triadic Palette

#D5B63D #F2CF45 #3BFCD5 #53FCDA #D53BFC #BB34DE

Split Complementary Palette

#DABA3E #F2CF45 #45BEF2 #58C5F3 #7945F2 #6D3EDA

Square Palette

#CBAE3A #F2CF45 #4FE87D #4F6EE8 #F245BE #F463C8

Tetradic Palette

#C6AA39 #F2CF45 #60FF38 #4568F2 #D738FF #DE5CFF

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #F2CF45 contains 242 red, 207 green, and 69 blue.

Contrast Ratio: 1.51:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 13.91:1