#0C2073

Color Details

HEX
#0C2073
RGB
rgb(12, 32, 115)
HSL
hsl(228, 81%, 25%)
CMYK
cmyk(90%, 72%, 0%, 55%)
Best text on this color #FFFFFF (CR 14.29:1) Determined by WCAG contrast ratio

Readability Previews

Black on #0c2073
Contrast 1.47:1 Fail
White on #0c2073
Contrast 14.29:1 AAA
#0c2073 on Black
Contrast 1.47:1 Fail
#0c2073 on White
Contrast 14.29:1 AAA

Tints & Shades

#3d4d8f
#6d79ab
#9ea6c7
#0a1a5c
#071345
#050d2e

Complement & Analogous

#735f0c
#2b0c73
#0c5473

Triadic

#730c21
#21730c

Monochrome

#050d2e #071345 #0c2073 #6d79ab #9ea6c7 #ced2e3

Analogous

#0c5473 #55879d #0c2073 #553d8f #2b0c73 #220a5c

Complementary Mix

#071345 #0c2073 #6d79ab #735f0c #a49761 #4b3e08

Nearby Colors

#0c2072
#0c2074
#0c2063
#0c2083

Embed #0C2073 swatch

Embed this swatch

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

Open image

About #0C2073

#0C2073 converts to RGB(12, 32, 115) and HSL(228, 81%, 25%). 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).

#0C2073 FAQs

What is the RGB value of #0C2073?
RGB: 12, 32, 115. Copy as CSS: rgb(12, 32, 115)
Is #0C2073 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #0C2073?
Complement: #735f0c.
Does #0C2073 have good contrast on white or black?
On white: 14.29:1 (AAA (normal text)). On black: 1.47:1 (Fails AA).