#0060E6

Color Details

HEX
#0060E6
RGB
rgb(0, 96, 230)
HSL
hsl(215, 100%, 45%)
CMYK
cmyk(100%, 58%, 0%, 10%)
Best text on this color #FFFFFF (CR 5.50:1) Determined by WCAG contrast ratio

Readability Previews

Black on #0060e6
Contrast 3.82:1 Fail
White on #0060e6
Contrast 5.50:1 AA
#0060e6 on Black
Contrast 3.82:1 Fail
#0060e6 on White
Contrast 5.50:1 AA

Tints & Shades

#3380eb
#66a0f0
#99bff5
#004db8
#003a8a
#00265c

Complement & Analogous

#e68600
#1300e6
#00d2e6

Triadic

#e60060
#60e600

Monochrome

#00265c #003a8a #0060e6 #66a0f0 #99bff5 #ccdffa

Analogous

#00d2e6 #4de0ee #0060e6 #4233eb #1300e6 #0f00b8

Complementary Mix

#003a8a #0060e6 #66a0f0 #e68600 #efb059 #965700

Nearby Colors

#0060e5
#0060e7
#0060d6
#0060f6

Embed #0060E6 swatch

Embed this swatch

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

Open image

About #0060E6

#0060E6 converts to RGB(0, 96, 230) and HSL(215, 100%, 45%). 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).

#0060E6 FAQs

What is the RGB value of #0060E6?
RGB: 0, 96, 230. Copy as CSS: rgb(0, 96, 230)
Is #0060E6 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #0060E6?
Complement: #e68600.
Does #0060E6 have good contrast on white or black?
On white: 5.50:1 (AA (normal text)). On black: 3.82:1 (AA (large text)).