#84A5EF Color

Color Information

HEX#84A5EF
RGB132, 165, 239
HSL221° , 77% , 73%
HSV221° , 45% , 94%
CMYK45%, 31%, 0%, 6%

Lighter Shades

#93B0F1 #A2BBF3 #B0C5F5 #BFD0F7 #CEDBF9 #DDE6FB

Darker Shades

#7491D2 #647DB6 #546A99 #45567C #354260 #252E43

Complementary Palette

#728ECE #84A5EF #CEB172 #EFCE85 #F1D596 #95B2F1

Analogous Palette

#8BBFCB #93D3E1 #7C9BE1 #84A5EF #A193E1 #A99CE3

Triadic Palette

#7491D2 #84A5EF #F67EA4 #F78DAF #A4F67E #90D86F

Split Complementary Palette

#7795D7 #84A5EF #EF9985 #F1A391 #DCEF85 #C6D778

Square Palette

#6F8BC9 #84A5EF #E88CD7 #E8CB8C #85EF99 #99F2A9

Tetradic Palette

#6C87C4 #84A5EF #D279FC #EFCE85 #A2FC79 #B3FD91

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #84A5EF contains 132 red, 165 green, and 239 blue.

Contrast Ratio: 2.4:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.74:1