#0C567E Color

Color Information

HEX#0C567E
RGB12, 86, 126
HSL201° , 83% , 27%
HSV201° , 90% , 49%
CMYK90%, 32%, 0%, 51%

Lighter Shades

#296A8D #467F9D #6393AC #81A7BC #9EBBCB #BBD0DB

Darker Shades

#0B4C6F #094160 #083751 #062D42 #052232 #031823

Complementary Palette

#0A4A6C #0C567E #6C2D0A #7E340C #90502E #2E6E90

Analogous Palette

#18685C #197063 #0B5176 #0C567E #192670 #303B78

Triadic Palette

#0B4C6F #0C567E #850558 #94236C #588505 #4D7504

Split Complementary Palette

#0B4D71 #0C567E #7E0C1D #8B2434 #7E6D0C #71620B

Square Palette

#0A486A #0C567E #681377 #773613 #1D7E0C #419333

Tetradic Palette

#0A4767 #0C567E #30008A #7E340C #5A8A00 #789F2E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #0C567E contains 12 red, 86 green, and 126 blue.

Contrast Ratio: 8.01:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.62:1