#3C80AA Color

Color Information

HEX	#3C80AA
RGB	60, 128, 170
HSL	203° , 48% , 45%
HSV	203° , 65% , 67%
CMYK	65%, 25%, 0%, 33%

Lighter Shades

#538FB4 #6B9EBE #82AEC9 #9ABDD3 #B1CCDD #C8DBE7

Darker Shades

#357196 #2E6181 #26526D #1F4358 #183344 #112430

Complementary Palette

#346E92 #3C80AA #925834 #AA663C #B67B57 #5792B6

Analogous Palette

#4B867F #53938B #3878A0 #3C80AA #535A93 #666C99

Triadic Palette

#357196 #3C80AA #B53082 #BE4991 #82B530 #729F2A

Split Complementary Palette

#367399 #3C80AA #AA3C49 #B3505B #AA9D3C #998D36

Square Palette

#326C8F #3C80AA #94479E #9E6947 #49AA3C #66B85B

Tetradic Palette

#31698B #3C80AA #6127BE #AA663C #84BE27 #9ACA4E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3C80AA contains 60 red, 128 green, and 170 blue.

Contrast Ratio: 4.28:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.91:1