#3C5073 Color

Color Information

HEX	#3C5073
RGB	60, 80, 115
HSL	218° , 31% , 34%
HSV	218° , 48% , 45%
CMYK	48%, 30%, 0%, 55%

Lighter Shades

#536584 #6B7A95 #828FA5 #9AA4B6 #B1B9C7 #C8CED8

Darker Shades

#354665 #2E3D57 #26334A #1F2A3C #18202E #111620

Complementary Palette

#344563 #3C5073 #625134 #725E3C #867557 #576987

Analogous Palette

#43585B #4A6064 #384B6C #3C5073 #4D4A64 #585572

Triadic Palette

#354665 #3C5073 #7A334D #8A4B62 #4D7A33 #446B2D

Split Complementary Palette

#364868 #3C5073 #72433C #805650 #6A723C #5F6736

Square Palette

#324361 #3C5073 #694463 #695C44 #3C7243 #5B8961

Tetradic Palette

#31425E #3C5073 #622C81 #725E3C #4B812C #6B9852

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C5073 contains 60 red, 80 green, and 115 blue.

Contrast Ratio: 8.26:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.54:1