#3C5C75 Color

Color Information

HEX#3C5C75
RGB60, 92, 117
HSL206° , 32% , 35%
HSV206° , 49% , 46%
CMYK49%, 21%, 0%, 54%

Lighter Shades

#537086 #6B8396 #8297A7 #9AAAB7 #B1BEC8 #C8D1D8

Darker Shades

#355167 #2E4659 #263B4B #1F303D #18252F #111A21

Complementary Palette

#344F65 #3C5C75 #654934 #76553D #896D58 #577388

Analogous Palette

#455E5C #4C6765 #38566E #3C5C75 #4C4D67 #575875

Triadic Palette

#355167 #3C5C75 #7F345E #8E4C71 #5E7F34 #53702E

Split Complementary Palette

#365369 #3C5C75 #763D40 #845053 #76723D #6A6737

Square Palette

#324D62 #3C5C75 #6A466D #6D5646 #40763D #5F8C5C

Tetradic Palette

#314B60 #3C5C75 #522D86 #76553D #5F862D #7C9C53

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C5C75 contains 60 red, 92 green, and 117 blue.

Contrast Ratio: 7.11:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.95:1