#3C45AC Color

Color Information

HEX#3C45AC
RGB60, 69, 172
HSL235° , 48% , 45%
HSV235° , 65% , 67%
CMYK65%, 60%, 0%, 33%

Lighter Shades

#535BB6 #6B72C0 #8288CA #9A9ED4 #B1B5DE #C8CBE8

Darker Shades

#353D97 #2E3483 #262C6E #1F2459 #181C45 #111330

Complementary Palette

#343B94 #3C45AC #928A34 #AAA13C #B6AE57 #575FB8

Analogous Palette

#4B6D86 #537893 #3841A2 #3C45AC #6D5393 #7B6699

Triadic Palette

#353D97 #3C45AC #B5303B #BE4953 #3BB530 #349F2A

Split Complementary Palette

#363E9B #3C45AC #AA6A3C #B37950 #7CAA3C #709936

Square Palette

#323A90 #3C45AC #9E477A #9E9747 #3CAA6A #5BB882

Tetradic Palette

#31398D #3C45AC #B227BE #AAA13C #34BE27 #59CA4E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C45AC contains 60 red, 69 green, and 172 blue.

Contrast Ratio: 8.11:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.59:1