#0C2BC5

Color Details

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

Readability Previews

Black on #0c2bc5
Contrast 2.17:1 Fail
White on #0c2bc5
Contrast 9.69:1 AAA
#0c2bc5 on Black
Contrast 2.17:1 Fail
#0c2bc5 on White
Contrast 9.69:1 AAA

Tints & Shades

#3d55d1
#6d80dc
#9eaae8
#0a229e
#071a76
#05114f

Complement & Analogous

#c6a70c
#4a0cc6
#0c88c6

Triadic

#c60c2b
#2bc60c

Monochrome

#05114f #071a76 #0c2bc5 #6d80dc #9eaae8 #ced5f3

Analogous

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

Complementary Mix

#071a76 #0c2bc5 #6d80dc #c6a70c #dac661 #816d08

Nearby Colors

#0c2bc4
#0c2bc6
#0c2bb5
#0c2bd5

Embed #0C2BC5 swatch

Embed this swatch

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

Open image

About #0C2BC5

#0C2BC5 converts to RGB(12, 43, 197) 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).

#0C2BC5 FAQs

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