#0C49F5

Color Details

HEX
#0C49F5
RGB
rgb(12, 73, 245)
HSL
hsl(224, 92%, 50%)
CMYK
cmyk(95%, 70%, 0%, 4%)
Best text on this color #FFFFFF (CR 6.39:1) Determined by WCAG contrast ratio

Readability Previews

Black on #0c49f5
Contrast 3.29:1 Fail
White on #0c49f5
Contrast 6.39:1 AA
#0c49f5 on Black
Contrast 3.29:1 Fail
#0c49f5 on White
Contrast 6.39:1 AA

Tints & Shades

#3d6df7
#6d92f9
#9eb6fb
#0a3ac4
#072c93
#051d62

Complement & Analogous

#f5b60a
#410af5
#0abef5

Triadic

#f50a49
#49f50a

Monochrome

#051d62 #072c93 #0c49f5 #6d92f9 #9eb6fb #cedbfd

Analogous

#0abef5 #54d2f8 #0c49f5 #673bf7 #410af5 #3408c4

Complementary Mix

#072c93 #0c49f5 #6d92f9 #f5b60a #f9d060 #9f7607

Nearby Colors

#0c49f4
#0c49f6
#0c49e5
#0c4a05

Embed #0C49F5 swatch

Embed this swatch

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

Open image

About #0C49F5

#0C49F5 converts to RGB(12, 73, 245) and HSL(224, 92%, 50%). 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).

#0C49F5 FAQs

What is the RGB value of #0C49F5?
RGB: 12, 73, 245. Copy as CSS: rgb(12, 73, 245)
Is #0C49F5 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #0C49F5?
Complement: #f5b60a.
Does #0C49F5 have good contrast on white or black?
On white: 6.39:1 (AA (normal text)). On black: 3.29:1 (AA (large text)).