#0C6196 Color

Color Information

HEX	#0C6196
RGB	12, 97, 150
HSL	203° , 85% , 32%
HSV	203° , 92% , 59%
CMYK	92%, 35%, 0%, 41%

Lighter Shades

#2974A3 #4687AF #639ABC #81ADC8 #9EC0D5 #BBD3E2

Darker Shades

#0B5584 #094A72 #083E60 #06324E #05273C #031B2A

Complementary Palette

#0A5381 #0C6196 #82380A #97410C #A65C2E #2E77A5

Analogous Palette

#1A7A6F #1D877A #0B5B8D #0C6196 #1D2987 #323C8B

Triadic Palette

#0B5584 #0C6196 #9F0464 #AB2277 #649F04 #588C04

Split Complementary Palette

#0B5787 #0C6196 #970C1C #A12433 #97870C #887A0B

Square Palette

#0A517E #0C6196 #81148F #8F4314 #1C970C #40A833

Tetradic Palette

#0A507B #0C6196 #3F00A3 #97410C #65A300 #81B42E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #0C6196 contains 12 red, 97 green, and 150 blue.

Contrast Ratio: 6.64:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.16:1