#3C72AA Color

Color Information

HEX#3C72AA
RGB60, 114, 170
HSL211° , 48% , 45%
HSV211° , 65% , 67%
CMYK65%, 33%, 0%, 33%

Lighter Shades

#5383B4 #6B94BE #82A5C9 #9AB6D3 #B1C7DD #C8D8E7

Darker Shades

#356496 #2E5781 #26496D #1F3B58 #182E44 #112030

Complementary Palette

#346292 #3C72AA #926534 #AA753C #B68857 #5786B6

Analogous Palette

#4B8586 #539293 #386BA0 #3C72AA #545393 #676699

Triadic Palette

#356496 #3C72AA #B53071 #BE4982 #71B530 #639F2A

Split Complementary Palette

#366799 #3C72AA #AA3E3C #B35150 #A8AA3C #979936

Square Palette

#32608F #3C72AA #9E479D #9E7447 #3CAA3E #5BB85D

Tetradic Palette

#315D8B #3C72AA #7527BE #AA753C #70BE27 #8ACA4E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C72AA contains 60 red, 114 green, and 170 blue.

Contrast Ratio: 5:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.2:1