#0A3CFC

Color Details

HEX
#0A3CFC
RGB
rgb(10, 60, 252)
HSL
hsl(228, 98%, 51%)
CMYK
cmyk(96%, 76%, 0%, 1%)
Best text on this color #FFFFFF (CR 6.85:1) Determined by WCAG contrast ratio

Readability Previews

Black on #0a3cfc
Contrast 3.06:1 Fail
White on #0a3cfc
Contrast 6.85:1 AA
#0a3cfc on Black
Contrast 3.06:1 Fail
#0a3cfc on White
Contrast 6.85:1 AA

Tints & Shades

#3b63fd
#6c8afd
#9db1fe
#0830ca
#062497
#041865

Complement & Analogous

#fdcc08
#5108fd
#08b3fd

Triadic

#fd0839
#39fd08

Monochrome

#041865 #062497 #0a3cfc #6c8afd #9db1fe #ced8fe

Analogous

#08b3fd #52cafe #0a3cfc #7439fd #5108fd #4106ca

Complementary Mix

#062497 #0a3cfc #6c8afd #fdcc08 #fede5e #a48505

Nearby Colors

#0a3cfb
#0a3cfd
#0a3cec
#0a3d0c

Embed #0A3CFC swatch

Embed this swatch

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

Open image

About #0A3CFC

#0A3CFC converts to RGB(10, 60, 252) and HSL(228, 98%, 51%). 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).

#0A3CFC FAQs

What is the RGB value of #0A3CFC?
RGB: 10, 60, 252. Copy as CSS: rgb(10, 60, 252)
Is #0A3CFC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #0A3CFC?
Complement: #fdcc08.
Does #0A3CFC have good contrast on white or black?
On white: 6.85:1 (AA (normal text)). On black: 3.06:1 (AA (large text)).