#F2BC40 Color

Color Information

HEX	#F2BC40
RGB	242, 188, 64
HSL	42° , 87% , 60%
HSV	42° , 74% , 95%
CMYK	0%, 22%, 74%, 5%

Lighter Shades

#F4C457 #F5CC6E #F7D485 #F8DC9C #FAE4B3 #FBECCA

Darker Shades

#D5A538 #B88F31 #9B7829 #7E6221 #614B1A #443512

Complementary Palette

#D0A237 #F2BC40 #3765D0 #4076F2 #5B89F4 #F4C55B

Analogous Palette

#C86851 #DD7055 #E3B13C #F2BC40 #C2DD55 #C7E061

Triadic Palette

#D5A538 #F2BC40 #36FCC1 #4EFCC8 #C136FC #AA30DE

Split Complementary Palette

#DAA93A #F2BC40 #40CEF2 #53D3F3 #6440F2 #5A3ADA

Square Palette

#CB9E36 #F2BC40 #4AE86A #4A7AE8 #F240CE #F45FD6

Tetradic Palette

#C69A34 #F2BC40 #70FF33 #4076F2 #C233FF #CD58FF

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #F2BC40 contains 242 red, 188 green, and 64 blue.

Contrast Ratio: 1.73:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 12.17:1