#0C3344 Color

Color Information

HEX#0C3344
RGB12, 51, 68
HSL198° , 70% , 16%
HSV198° , 82% , 27%
CMYK82%, 25%, 0%, 73%

Lighter Shades

#294B5A #466471 #637C87 #81959E #9EADB4 #BBC6CB

Darker Shades

#0B2D3C #092734 #08212C #061B23 #05141B #030E13

Complementary Palette

#0A2C3A #0C3344 #3B190A #451D0C #5F3D2E #2E505E

Analogous Palette

#133932 #143D35 #0B3040 #0C3344 #141D3D #2B324A

Triadic Palette

#0B2D3C #0C3344 #490836 #5F264E #364908 #304007

Split Complementary Palette

#0B2E3D #0C3344 #450C18 #58242F #453A0C #3E340B

Square Palette

#0A2B39 #0C3344 #371041 #411F10 #18450C #3D6333

Tetradic Palette

#0A2A38 #0C3344 #1A054D #451D0C #374D05 #5B6D32

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #0C3344 contains 12 red, 51 green, and 68 blue.

Contrast Ratio: 14.01:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.5:1