#0C3F97 Color

Color Information

HEX#0C3F97
RGB12, 63, 151
HSL218° , 85% , 32%
HSV218° , 92% , 59%
CMYK92%, 58%, 0%, 41%

Lighter Shades

#2956A3 #466DB0 #6384BC #819BC9 #9EB2D5 #BBC9E2

Darker Shades

#0B3785 #093073 #082861 #06214F #05193C #03122A

Complementary Palette

#0A3682 #0C3F97 #82560A #97640C #A67A2E #2E5AA6

Analogous Palette

#1A6D7A #1D7887 #0B3B8E #0C3F97 #2B1D87 #3E328B

Triadic Palette

#0B3785 #0C3F97 #9F043D #AB2254 #3D9F04 #368C04

Split Complementary Palette

#0B3988 #0C3F97 #971F0C #A13524 #84970C #77880B

Square Palette

#0A357F #0C3F97 #8F147E #8F6214 #0C971F #33A843

Tetradic Palette

#0A347C #0C3F97 #6700A3 #97640C #3CA300 #5FB42E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #0C3F97 contains 12 red, 63 green, and 151 blue.

Contrast Ratio: 9.9:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.12:1