#5772B4 Color

Color Information

HEX#5772B4
RGB87, 114, 180
HSL223° , 38% , 52%
HSV223° , 52% , 71%
CMYK52%, 37%, 0%, 29%

Lighter Shades

#6B83BD #7F94C6 #93A5CF #A8B6D8 #BCC7E1 #D0D8EA

Darker Shades

#4D649E #425789 #384973 #2D3B5E #232E48 #182032

Complementary Palette

#4B629B #5772B4 #9A844A #B39956 #BEA76E #6F86BF

Analogous Palette

#68858D #6F919B #526BA9 #5772B4 #786F9B #837BA3

Triadic Palette

#4D649E #5772B4 #BF4A6B #C7607D #6BBF4A #5EA841

Split Complementary Palette

#4E67A2 #5772B4 #B36A56 #BB7967 #9FB356 #8FA14D

Square Palette

#496097 #5772B4 #A76298 #A79362 #56B36A #71BF82

Tetradic Palette

#475D94 #5772B4 #A240C9 #B39956 #67C940 #82D362

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5772B4 contains 87 red, 114 green, and 180 blue.

Contrast Ratio: 4.66:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.5:1