#84AADB Color

Color Information

HEX	#84AADB
RGB	132, 170, 219
HSL	214° , 55% , 69%
HSV	214° , 40% , 86%
CMYK	40%, 22%, 0%, 14%

Lighter Shades

#93B4DF #A2BEE4 #B0C9E8 #BFD3EC #CEDDF1 #DDE7F5

Darker Shades

#7496C1 #6481A6 #546D8C #455872 #354458 #25303D

Complementary Palette

#7292BC #84AADB #BC9D72 #DBB684 #E0C095 #95B6E0

Analogous Palette

#8BB4B6 #94C9CC #7CA0CE #84AADB #9894CC #9F9BCF

Triadic Palette

#7496C1 #84AADB #E37DA9 #E68DB3 #A9E37D #95C86E

Split Complementary Palette

#7799C5 #84AADB #DB8A84 #DF9690 #D6DB84 #C1C577

Square Palette

#6F8FB8 #84AADB #D48CD0 #D4B58C #84DB8A #98E19D

Tetradic Palette

#6C8BB4 #84AADB #B876EA #DBB684 #A8EA76 #B8EE8F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #84AADB contains 132 red, 170 green, and 219 blue.

Contrast Ratio: 2.36:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.89:1