#4A80AE Color

Color Information

HEX#4A80AE
RGB74, 128, 174
HSL208° , 40% , 49%
HSV208° , 57% , 68%
CMYK57%, 26%, 0%, 32%

Lighter Shades

#608FB8 #759EC1 #8BAECB #A1BDD5 #B7CCDF #CCDBE8

Darker Shades

#417199 #386184 #2F526F #26435A #1E3346 #152431

Complementary Palette

#406E96 #4A80AE #976941 #AF7A4B #BA8D64 #6392B9

Analogous Palette

#5C8A88 #649694 #4678A4 #4A80AE #646696 #72739D

Triadic Palette

#417199 #4A80AE #BB3E81 #C35590 #81BB3E #72A537

Split Complementary Palette

#43739D #4A80AE #AF4B4E #B75D60 #AFAC4B #9E9B44

Square Palette

#3E6C92 #4A80AE #A057A2 #A27A57 #4EAF4B #6ABC68

Tetradic Palette

#3D698F #4A80AE #7834C5 #AF7A4B #82C534 #99CF59

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #4A80AE contains 74 red, 128 green, and 174 blue.

Contrast Ratio: 4.16:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.04:1