#5F80A6 Color

Color Information

HEX	#5F80A6
RGB	95, 128, 166
HSL	212° , 29% , 51%
HSV	212° , 43% , 65%
CMYK	43%, 23%, 0%, 35%

Lighter Shades

#728FB1 #859EBB #99AEC6 #ACBDD1 #BFCCDB #D2DBE6

Darker Shades

#547192 #48617E #3D526A #314356 #263342 #1B242E

Complementary Palette

#526E8F #5F80A6 #8F7251 #A6845E #B29575 #7592B2

Analogous Palette

#66898A #6F9495 #59789C #5F80A6 #716F95 #7C7B9D

Triadic Palette

#547192 #5F80A6 #B3517F #BC668E #7FB351 #709E47

Split Complementary Palette

#567395 #5F80A6 #A6605E #AF706E #A4A65E #949555

Square Palette

#506C8B #5F80A6 #9A6A98 #9A846A #5EA660 #78B479

Tetradic Palette

#4E6988 #5F80A6 #8647BD #A6845E #7EBD47 #95C968

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5F80A6 contains 95 red, 128 green, and 166 blue.

Contrast Ratio: 4.05:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.19:1