#3C4A80 Color

Color Information

HEX#3C4A80
RGB60, 74, 128
HSL228° , 36% , 37%
HSV228° , 53% , 50%
CMYK53%, 42%, 0%, 50%

Lighter Shades

#53608F #6B759E #828BAE #9AA1BD #B1B7CC #C8CCDB

Darker Shades

#354171 #2E3861 #262F52 #1F2643 #181E33 #111524

Complementary Palette

#34406E #3C4A80 #6E6334 #80733C #928757 #576392

Analogous Palette

#495C65 #4F646D #384678 #3C4A80 #594F6D #655B7B

Triadic Palette

#354171 #3C4A80 #8A3344 #984B5A #448A33 #3C792D

Split Complementary Palette

#364373 #3C4A80 #80513C #8D6250 #6C803C #617336

Square Palette

#323E6C #3C4A80 #774668 #776E46 #3C8051 #5B946D

Tetradic Palette

#313D69 #3C4A80 #7F2B91 #80733C #40912B #62A551

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C4A80 contains 60 red, 74 green, and 128 blue.

Contrast Ratio: 8.63:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.43:1