#3C6480 Color

Color Information

HEX#3C6480
RGB60, 100, 128
HSL205° , 36% , 37%
HSV205° , 53% , 50%
CMYK53%, 22%, 0%, 50%

Lighter Shades

#53778F #6B899E #829CAE #9AAEBD #B1C1CC #C8D4DB

Darker Shades

#355871 #2E4C61 #264052 #1F3443 #182833 #111C24

Complementary Palette

#34566E #3C6480 #6E4D34 #80593C #927057 #577A92

Analogous Palette

#496562 #4F6D6B #385E78 #3C6480 #4F526D #5B5E7B

Triadic Palette

#355871 #3C6480 #8A3366 #984B78 #668A33 #5A792D

Split Complementary Palette

#365A73 #3C6480 #803C42 #8D5055 #807B3C #736F36

Square Palette

#32546C #3C6480 #744677 #775B46 #42803C #60945B

Tetradic Palette

#315269 #3C6480 #582B91 #80593C #67912B #82A551

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C6480 contains 60 red, 100 green, and 128 blue.

Contrast Ratio: 6.33:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.32:1