#1C60E6

Color Details

HEX
#1C60E6
RGB
rgb(28, 96, 230)
HSL
hsl(220, 80%, 51%)
CMYK
cmyk(88%, 58%, 0%, 10%)
Best text on this color #FFFFFF (CR 5.43:1) Determined by WCAG contrast ratio

Readability Previews

Black on #1c60e6
Contrast 3.87:1 Fail
White on #1c60e6
Contrast 5.43:1 AA
#1c60e6 on Black
Contrast 3.87:1 Fail
#1c60e6 on White
Contrast 5.43:1 AA

Tints & Shades

#4980eb
#77a0f0
#a4bff5
#164db8
#113a8a
#0b265c

Complement & Analogous

#e6a31e
#3f1ee6
#1ec5e6

Triadic

#e61e61
#61e61e

Monochrome

#0b265c #113a8a #1c60e6 #77a0f0 #a4bff5 #d2dffa

Analogous

#1ec5e6 #62d6ee #1c60e6 #654beb #3f1ee6 #3218b8

Complementary Mix

#113a8a #1c60e6 #77a0f0 #e6a31e #efc36d #966a14

Nearby Colors

#1c60e5
#1c60e7
#1c60d6
#1c60f6

Embed #1C60E6 swatch

Embed this swatch

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

Open image

About #1C60E6

#1C60E6 converts to RGB(28, 96, 230) and HSL(220, 80%, 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).

#1C60E6 FAQs

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