#3180AA Color

Color Information

HEX#3180AA
RGB49, 128, 170
HSL201° , 55% , 43%
HSV201° , 71% , 67%
CMYK71%, 25%, 0%, 33%

Lighter Shades

#4A8FB4 #629EBE #7BAEC9 #94BDD3 #ADCCDD #C5DBE7

Darker Shades

#2B7196 #256181 #1F526D #194358 #143344 #0E2430

Complementary Palette

#2A6E92 #3180AA #924F2A #AA5C31 #B6734E #4E92B6

Analogous Palette

#41867C #479489 #2E78A0 #3180AA #475394 #596297

Triadic Palette

#2B7196 #3180AA #B52683 #BE4092 #83B526 #739F21

Split Complementary Palette

#2C7399 #3180AA #AA3143 #B34656 #AA9831 #99892C

Square Palette

#296C8F #3180AA #903C9F #9F5F3C #43AA31 #61B852

Tetradic Palette

#28698B #3180AA #561EBE #AA5C31 #86BE1E #9CCA47

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3180AA contains 49 red, 128 green, and 170 blue.

Contrast Ratio: 4.33:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.84:1