#0C45A2 Color

Color Information

HEX	#0C45A2
RGB	12, 69, 162
HSL	217° , 86% , 34%
HSV	217° , 93% , 64%
CMYK	93%, 57%, 0%, 36%

Lighter Shades

#295BAD #4672B8 #6388C3 #819ECF #9EB5DA #BBCBE5

Darker Shades

#0B3D8F #09347B #082C68 #062454 #051C41 #03132D

Complementary Palette

#0A3B8B #0C45A2 #8A590A #A1680C #AE7D2E #2E5FAF

Analogous Palette

#1B7783 #1D8390 #0B4198 #0C45A2 #2B1D90 #3E3394

Triadic Palette

#0B3D8F #0C45A2 #AA0343 #B4215A #43AA03 #3B9603

Split Complementary Palette

#0B3E92 #0C45A2 #A11E0C #AA3524 #90A10C #82910B

Square Palette

#0A3A88 #0C45A2 #991589 #996615 #0CA11E #33B042

Tetradic Palette

#0A3985 #0C45A2 #6B00AD #A1680C #42AD00 #64BC2E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #0C45A2 contains 12 red, 69 green, and 162 blue.

Contrast Ratio: 8.96:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.34:1