#3C5B90 Color

Color Information

HEX#3C5B90
RGB60, 91, 144
HSL218° , 41% , 40%
HSV218° , 58% , 56%
CMYK58%, 37%, 0%, 44%

Lighter Shades

#536F9D #6B82AB #8296B8 #9AAAC5 #B1BDD3 #C8D1E0

Darker Shades

#35507F #2E456D #263A5C #1F2F4B #18243A #111928

Complementary Palette

#344E7C #3C5B90 #7C6134 #90713C #A08557 #5772A0

Analogous Palette

#4B6D72 #51767B #385687 #3C5B90 #56517B #666284

Triadic Palette

#35507F #3C5B90 #9A3258 #A64B6C #589A32 #4D882C

Split Complementary Palette

#365282 #3C5B90 #90473C #9B5950 #85903C #788236

Square Palette

#324C79 #3C5B90 #86467D #866E46 #3C9047 #5BA264

Tetradic Palette

#314B76 #3C5B90 #762AA2 #90713C #56A22A #74B350

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C5B90 contains 60 red, 91 green, and 144 blue.

Contrast Ratio: 6.84:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.07:1