#0C3176 Color

Color Information

HEX#0C3176
RGB12, 49, 118
HSL219° , 82% , 25%
HSV219° , 90% , 46%
CMYK90%, 58%, 0%, 54%

Lighter Shades

#294A86 #466297 #637BA7 #8194B8 #9EADC8 #BBC5D9

Darker Shades

#0B2B68 #09255A #081F4C #06193D #05142F #030E21

Complementary Palette

#0A2A65 #0C3176 #644409 #744F0B #87682D #2E4E89

Analogous Palette

#165560 #185C68 #0B2E6F #0C3176 #241868 #382F6F

Triadic Palette

#0B2B68 #0C3176 #7B042E #8B2247 #2E7B04 #286C04

Split Complementary Palette

#0B2C6A #0C3176 #741B0B #823223 #64740B #5A680A

Square Palette

#0A2963 #0C3176 #6E1160 #6E4E11 #0B741B #328A3F

Tetradic Palette

#0A2861 #0C3176 #530080 #744F0B #2D8000 #53972E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #0C3176 contains 12 red, 49 green, and 118 blue.

Contrast Ratio: 12.73:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.65:1