#0C6496 Color

Color Information

HEX#0C6496
RGB12, 100, 150
HSL202° , 85% , 32%
HSV202° , 92% , 59%
CMYK92%, 33%, 0%, 41%

Lighter Shades

#2977A3 #4689AF #639CBC #81AEC8 #9EC1D5 #BBD4E2

Darker Shades

#0B5884 #094C72 #084060 #06344E #05283C #031C2A

Complementary Palette

#0A5681 #0C6496 #82360A #973F0C #A65A2E #2E7AA5

Analogous Palette

#1A7A6D #1D8778 #0B5E8D #0C6496 #1D2B87 #323E8B

Triadic Palette

#0B5884 #0C6496 #9F0466 #AB2278 #669F04 #5A8C04

Split Complementary Palette

#0B5A87 #0C6496 #970C1F #A12435 #97840C #88770B

Square Palette

#0A547E #0C6496 #7E148F #8F4114 #1F970C #43A833

Tetradic Palette

#0A527B #0C6496 #3C00A3 #973F0C #67A300 #82B42E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #0C6496 contains 12 red, 100 green, and 150 blue.

Contrast Ratio: 6.41:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.28:1