#0C2250 Color

Color Information

HEX#0C2250
RGB12, 34, 80
HSL221° , 74% , 18%
HSV221° , 85% , 31%
CMYK85%, 58%, 0%, 69%

Lighter Shades

#293D65 #46577A #63728F #818CA4 #9EA7B9 #BBC1CE

Darker Shades

#0B1E46 #091A3D #081633 #06122A #050E20 #030A16

Complementary Palette

#0A1D45 #0C2250 #45320A #503A0C #69562E #2E4169

Analogous Palette

#143A43 #153E47 #0B204B #0C2250 #1E1547 #332D53

Triadic Palette

#0B1E46 #0C2250 #540720 #69253B #205407 #1C4A06

Split Complementary Palette

#0B1F48 #0C2250 #50180C #622F24 #43500C #3C480B

Square Palette

#0A1D43 #0C2250 #4B1141 #4B3911 #0C5018 #336C3D

Tetradic Palette

#0A1C42 #0C2250 #3D0458 #503A0C #1E5804 #477631

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #0C2250 contains 12 red, 34 green, and 80 blue.

Contrast Ratio: 16.31:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.29:1