#3C74C2 Color

Color Information

HEX#3C74C2
RGB60, 116, 194
HSL215° , 53% , 50%
HSV215° , 69% , 76%
CMYK69%, 40%, 0%, 24%

Lighter Shades

#5385C9 #6B95D1 #82A6D8 #9AB7DF #B1C7E7 #C8D8EE

Darker Shades

#3566AB #2E5893 #264A7C #1F3C65 #182E4E #112036

Complementary Palette

#3464A7 #3C74C2 #A87834 #C38B3C #CB9B57 #5787CB

Analogous Palette

#4F969C #55A3AA #386DB6 #3C74C2 #5C55AA #6963B0

Triadic Palette

#3566AB #3C74C2 #D02F72 #D64883 #72D02F #64B729

Split Complementary Palette

#3668AF #3C74C2 #C3473C #C95950 #B8C33C #A6B036

Square Palette

#3261A3 #3C74C2 #B649AD #B68949 #3CC347 #5BCD64

Tetradic Palette

#315F9F #3C74C2 #8F25DA #C38B3C #70DA25 #8AE14C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C74C2 contains 60 red, 116 green, and 194 blue.

Contrast Ratio: 4.67:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.5:1