#F2DC75 Color

Color Information

HEX	#F2DC75
RGB	242, 220, 117
HSL	49° , 83% , 70%
HSV	49° , 52% , 95%
CMYK	0%, 9%, 52%, 5%

Lighter Shades

#F4E086 #F5E496 #F7E9A7 #F8EDB7 #FAF1C8 #FBF5D8

Darker Shades

#D5C267 #B8A759 #9B8D4B #7E723D #61582F #443E21

Complementary Palette

#D0BD65 #F2DC75 #6377D0 #738AF2 #879AF4 #F4E188

Analogous Palette

#CE977E #E3A182 #E3CF6E #F2DC75 #C4E382 #C8E58B

Triadic Palette

#D5C267 #F2DC75 #6BFAE0 #7DFBE4 #E06BFA #C55EDC

Split Complementary Palette

#DAC669 #F2DC75 #73CAF2 #81CFF3 #9B73F2 #8C68DA

Square Palette

#CBB962 #F2DC75 #7BEA9E #7B8FEA #F273CA #F489D2

Tetradic Palette

#C6B460 #F2DC75 #82FF66 #738AF2 #E366FF #E882FF

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #F2DC75 contains 242 red, 220 green, and 117 blue.

Contrast Ratio: 1.36:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 15.39:1