#F2CD69 Color

Color Information

HEX#F2CD69
RGB242, 205, 105
HSL44° , 84% , 68%
HSV44° , 57% , 95%
CMYK0%, 15%, 57%, 5%

Lighter Shades

#F4D37B #F5D98D #F7DF9F #F8E5B1 #FAEBC3 #FBF1D5

Darker Shades

#D5B45C #B89C50 #9B8343 #7E6B37 #61522A #44391D

Complementary Palette

#D0B05A #F2CD69 #5A79D0 #698DF2 #7E9DF4 #F4D47E

Analogous Palette

#CC8A75 #E29279 #E3C163 #F2CD69 #C9E279 #CEE486

Triadic Palette

#D5B45C #F2CD69 #61FAD1 #74FBD7 #D161FA #B855DC

Split Complementary Palette

#DAB95F #F2CD69 #69D2F2 #78D7F3 #8969F2 #7B5FDA

Square Palette

#CBAC58 #F2CD69 #71EA8D #7191EA #F269D2 #F481D9

Tetradic Palette

#C6A856 #F2CD69 #87FF5C #698DF2 #D35CFF #DB79FF

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #F2CD69 contains 242 red, 205 green, and 105 blue.

Contrast Ratio: 1.52:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 13.84:1