#3C72B4 Color

Color Information

HEX#3C72B4
RGB60, 114, 180
HSL213° , 50% , 47%
HSV213° , 67% , 71%
CMYK67%, 37%, 0%, 29%

Lighter Shades

#5383BD #6B94C6 #82A5CF #9AB6D8 #B1C7E1 #C8D8EA

Darker Shades

#35649E #2E5789 #264973 #1F3B5E #182E48 #112032

Complementary Palette

#34629B #3C72B4 #9B6C34 #B47E3C #BF9057 #5786BF

Analogous Palette

#4D8B8F #54989C #386BA9 #3C72B4 #57549C #6764A0

Triadic Palette

#35649E #3C72B4 #C03071 #C84982 #71C030 #63A92A

Split Complementary Palette

#3667A2 #3C72B4 #B4423C #BC5550 #AEB43C #9DA236

Square Palette

#326097 #3C72B4 #A848A3 #A87D48 #3CB442 #5BC060

Tetradic Palette

#315D94 #3C72B4 #8026C9 #B47E3C #70C926 #8AD34D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C72B4 contains 60 red, 114 green, and 180 blue.

Contrast Ratio: 4.91:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.28:1