#5785B2 Color

Color Information

HEX#5785B2
RGB87, 133, 178
HSL210° , 37% , 52%
HSV210° , 51% , 70%
CMYK51%, 25%, 0%, 30%

Lighter Shades

#6B94BB #7FA2C4 #93B1CE #A8C0D7 #BCCEE0 #D0DDE9

Darker Shades

#4D759D #426587 #385572 #2D455D #233547 #182532

Complementary Palette

#4B7299 #5785B2 #99724B #B28557 #BD966F #6F96BD

Analogous Palette

#688D8D #709999 #527DA7 #5785B2 #707099 #7C7CA2

Triadic Palette

#4D759D #5785B2 #BE4B85 #C66194 #85BE4B #75A742

Split Complementary Palette

#4E78A0 #5785B2 #B25757 #BA6868 #B2B257 #A0A04E

Square Palette

#497096 #5785B2 #A664A6 #A68564 #57B257 #72BE72

Tetradic Palette

#476D92 #5785B2 #8541C8 #B28557 #85C841 #9BD263

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5785B2 contains 87 red, 133 green, and 178 blue.

Contrast Ratio: 3.84:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.47:1