#0146FF

Color Details

HEX
#0146FF
RGB
rgb(1, 70, 255)
HSL
hsl(224, 100%, 50%)
CMYK
cmyk(100%, 73%, 0%, 0%)
Best text on this color #FFFFFF (CR 6.32:1) Determined by WCAG contrast ratio

Readability Previews

Black on #0146ff
Contrast 3.32:1 Fail
White on #0146ff
Contrast 6.32:1 AA
#0146ff on Black
Contrast 3.32:1 Fail
#0146ff on White
Contrast 6.32:1 AA

Tints & Shades

#346bff
#6790ff
#99b5ff
#0138cc
#012a99
#001c66

Complement & Analogous

#ffbb00
#3c00ff
#00c4ff

Triadic

#ff0044
#44ff00

Monochrome

#001c66 #012a99 #0146ff #6790ff #99b5ff #ccdaff

Analogous

#00c4ff #4dd6ff #0146ff #6333ff #3c00ff #3000cc

Complementary Mix

#012a99 #0146ff #6790ff #ffbb00 #ffd359 #a67a00

Nearby Colors

#0146fe
#014700
#0146ef
#01470f

Embed #0146FF swatch

Embed this swatch

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

Open image

About #0146FF

#0146FF converts to RGB(1, 70, 255) and HSL(224, 100%, 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).

#0146FF FAQs

What is the RGB value of #0146FF?
RGB: 1, 70, 255. Copy as CSS: rgb(1, 70, 255)
Is #0146FF a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #0146FF?
Complement: #ffbb00.
Does #0146FF have good contrast on white or black?
On white: 6.32:1 (AA (normal text)). On black: 3.32:1 (AA (large text)).