#0C2BC6

Color Details

HEX
#0C2BC6
RGB
rgb(12, 43, 198)
HSL
hsl(230, 89%, 41%)
CMYK
cmyk(94%, 78%, 0%, 22%)
Best text on this color #FFFFFF (CR 9.65:1) Determined by WCAG contrast ratio

Readability Previews

Black on #0c2bc6
Contrast 2.18:1 Fail
White on #0c2bc6
Contrast 9.65:1 AAA
#0c2bc6 on Black
Contrast 2.18:1 Fail
#0c2bc6 on White
Contrast 9.65:1 AAA

Tints & Shades

#3d55d1
#6d80dd
#9eaae8
#0a229e
#071a77
#05114f

Complement & Analogous

#c6a70c
#4a0cc6
#0c88c6

Triadic

#c60c2b
#2bc60c

Monochrome

#05114f #071a77 #0c2bc6 #6d80dd #9eaae8 #ced5f4

Analogous

#0c88c6 #55acd7 #0c2bc6 #6e3dd1 #4a0cc6 #3b0a9e

Complementary Mix

#071a77 #0c2bc6 #6d80dd #c6a70c #dac661 #816d08

Nearby Colors

#0c2bc5
#0c2bc7
#0c2bb6
#0c2bd6

Embed #0C2BC6 swatch

Embed this swatch

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

Open image

About #0C2BC6

#0C2BC6 converts to RGB(12, 43, 198) and HSL(230, 89%, 41%). 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).

#0C2BC6 FAQs

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