#5F80B8 Color

Color Information

HEX#5F80B8
RGB95, 128, 184
HSL218° , 39% , 55%
HSV218° , 48% , 72%
CMYK48%, 30%, 0%, 28%

Lighter Shades

#728FC1 #859EC9 #99AED2 #ACBDDA #BFCCE3 #D2DBEB

Darker Shades

#5471A2 #48618C #3D5276 #314360 #26334A #1B2434

Complementary Palette

#526E9E #5F80B8 #9F8352 #B9985F #C3A675 #7592C2

Analogous Palette

#6C8E93 #769CA2 #5978AD #5F80B8 #7C76A2 #8883AA

Triadic Palette

#5471A2 #5F80B8 #C4547D #CB698D #7DC454 #6EAC4A

Split Complementary Palette

#5673A6 #5F80B8 #B96B5F #C07A6F #ADB95F #9CA756

Square Palette

#506C9B #5F80B8 #AE6BA5 #AE956B #5FB96B #79C483

Tetradic Palette

#4E6997 #5F80B8 #9E4BCE #B9985F #7BCE4B #93D76B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5F80B8 contains 95 red, 128 green, and 184 blue.

Contrast Ratio: 3.94:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.33:1