#BAD03F Color

Color Information

HEX#BAD03F
RGB186, 208, 63
HSL69° , 61% , 53%
HSV69° , 70% , 82%
CMYK11%, 0%, 70%, 18%

Lighter Shades

#C2D656 #CBDB6D #D3E184 #DBE79B #E3ECB2 #ECF2C9

Darker Shades

#A4B737 #8D9E30 #778528 #616C21 #4A5319 #343A12

Complementary Palette

#A0B336 #BAD03F #4835B3 #543ED0 #6C59D7 #C4D75A

Analogous Palette

#A78A52 #B89656 #AFC43B #BAD03F #78B856 #84BE64

Triadic Palette

#A4B737 #BAD03F #32C3DC #4BCAE0 #DC32C3 #C22CAC

Split Complementary Palette

#A7BB39 #BAD03F #3E71D0 #517FD5 #9D3ED0 #8D38BB

Square Palette

#9CAF35 #BAD03F #4AC499 #5C4AC4 #D03E71 #D85D88

Tetradic Palette

#99AB34 #BAD03F #28E645 #543ED0 #E628C9 #EB4FD3

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BAD03F contains 186 red, 208 green, and 63 blue.

Contrast Ratio: 1.7:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 12.33:1