#0C476C

Color Details

HEX
#0C476C
RGB
rgb(12, 71, 108)
HSL
hsl(203, 80%, 24%)
CMYK
cmyk(89%, 34%, 0%, 58%)
Best text on this color #FFFFFF (CR 9.84:1) Determined by WCAG contrast ratio

Readability Previews

Black on #0c476c
Contrast 2.13:1 Fail
White on #0c476c
Contrast 9.84:1 AAA
#0c476c on Black
Contrast 2.13:1 Fail
#0c476c on White
Contrast 9.84:1 AAA

Tints & Shades

#3d6c89
#6d91a7
#9eb5c4
#0a3956
#072b41
#051c2b

Complement & Analogous

#6e320c
#0c186e
#0c6e63

Triadic

#6e0c49
#496e0c

Monochrome

#051c2b #072b41 #0c476c #6d91a7 #9eb5c4 #cedae2

Analogous

#0c6e63 #559a92 #0c476c #3d468b #0c186e #0a1358

Complementary Mix

#072b41 #0c476c #6d91a7 #6e320c #a17a61 #482108

Nearby Colors

#0c476b
#0c476d
#0c475c
#0c477c

Embed #0C476C swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #0C476C

#0C476C converts to RGB(12, 71, 108) and HSL(203, 80%, 24%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#0C476C FAQs

What is the RGB value of #0C476C?
RGB: 12, 71, 108. Copy as CSS: rgb(12, 71, 108)
Is #0C476C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #0C476C?
Complement: #6e320c.
Does #0C476C have good contrast on white or black?
On white: 9.84:1 (AAA (normal text)). On black: 2.13:1 (Fails AA).