#BADE3F Color

Color Information

HEX	#BADE3F
RGB	186, 222, 63
HSL	74° , 71% , 56%
HSV	74° , 72% , 87%
CMYK	16%, 0%, 72%, 13%

Lighter Shades

#C2E256 #CBE66D #D3EA84 #DBEE9B #E3F2B2 #ECF6C9

Darker Shades

#A4C337 #8DA930 #778E28 #617321 #4A5919 #343E12

Complementary Palette

#A0BF36 #BADE3F #5636BF #643FDE #7A5AE3 #C4E35A

Analogous Palette

#B39951 #C8AA56 #AFD13B #BADE3F #74C856 #7ECC61

Triadic Palette

#A4C337 #BADE3F #34BFEA #4CC7ED #EA34BF #CE2EA8

Split Complementary Palette

#A7C839 #BADE3F #3F6ADE #5279E1 #B43FDE #A239C8

Square Palette

#9CBA35 #BADE3F #4AD3AF #6A4AD3 #DE3F6A #E35E82

Tetradic Palette

#99B634 #BADE3F #2BF35A #643FDE #F32BC4 #F551CF

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BADE3F contains 186 red, 222 green, and 63 blue.

Contrast Ratio: 1.53:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 13.74:1