#0C20B9

Color Details

HEX
#0C20B9
RGB
rgb(12, 32, 185)
HSL
hsl(233, 88%, 39%)
CMYK
cmyk(94%, 83%, 0%, 27%)
Best text on this color #FFFFFF (CR 10.92:1) Determined by WCAG contrast ratio

Readability Previews

Black on #0c20b9
Contrast 1.92:1 Fail
White on #0c20b9
Contrast 10.92:1 AAA
#0c20b9 on Black
Contrast 1.92:1 Fail
#0c20b9 on White
Contrast 10.92:1 AAA

Tints & Shades

#3d4dc7
#6d79d5
#9ea6e3
#0a1a94
#07136f
#050d4a

Complement & Analogous

#bba70c
#4f0cbb
#0c78bb

Triadic

#bb0c20
#20bb0c

Monochrome

#050d4a #07136f #0c20b9 #6d79d5 #9ea6e3 #ced2f1

Analogous

#0c78bb #55a1cf #0c20b9 #723dc9 #4f0cbb #3f0a96

Complementary Mix

#07136f #0c20b9 #6d79d5 #bba70c #d3c661 #7a6d08

Nearby Colors

#0c20b8
#0c20ba
#0c20a9
#0c20c9

Embed #0C20B9 swatch

Embed this swatch

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

Open image

About #0C20B9

#0C20B9 converts to RGB(12, 32, 185) and HSL(233, 88%, 39%). 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).

#0C20B9 FAQs

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