#0C44DF

Color Details

HEX
#0C44DF
RGB
rgb(12, 68, 223)
HSL
hsl(224, 90%, 46%)
CMYK
cmyk(95%, 70%, 0%, 13%)
Best text on this color #FFFFFF (CR 7.22:1) Determined by WCAG contrast ratio

Readability Previews

Black on #0c44df
Contrast 2.91:1 Fail
White on #0c44df
Contrast 7.22:1 AAA
#0c44df on Black
Contrast 2.91:1 Fail
#0c44df on White
Contrast 7.22:1 AAA

Tints & Shades

#3d69e5
#6d8fec
#9eb4f2
#0a36b2
#072986
#051b59

Complement & Analogous

#dfa70c
#3d0cdf
#0caedf

Triadic

#df0c44
#44df0c

Monochrome

#051b59 #072986 #0c44df #6d8fec #9eb4f2 #cedaf9

Analogous

#0caedf #55c6e9 #0c44df #643de5 #3d0cdf #310ab2

Complementary Mix

#072986 #0c44df #6d8fec #dfa70c #eac661 #916d08

Nearby Colors

#0c44de
#0c44e0
#0c44cf
#0c44ef

Embed #0C44DF swatch

Embed this swatch

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

Open image

About #0C44DF

#0C44DF converts to RGB(12, 68, 223) and HSL(224, 90%, 46%). 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).

#0C44DF FAQs

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