#1A80E6

Color Details

HEX
#1A80E6
RGB
rgb(26, 128, 230)
HSL
hsl(210, 80%, 50%)
CMYK
cmyk(89%, 44%, 0%, 10%)
Best text on this color #000000 (CR 5.27:1) Determined by WCAG contrast ratio

Readability Previews

Black on #1a80e6
Contrast 5.27:1 AA
White on #1a80e6
Contrast 3.98:1 Fail
#1a80e6 on Black
Contrast 5.27:1 AA
#1a80e6 on White
Contrast 3.98:1 Fail

Tints & Shades

#4899eb
#76b3f0
#a3ccf5
#1566b8
#104d8a
#0a335c

Complement & Analogous

#e6801a
#1a1ae6
#1ae6e6

Triadic

#e61a80
#80e61a

Monochrome

#0a335c #104d8a #1a80e6 #76b3f0 #a3ccf5 #d1e6fa

Analogous

#1ae6e6 #5feeee #1a80e6 #4848eb #1a1ae6 #1515b8

Complementary Mix

#104d8a #1a80e6 #76b3f0 #e6801a #efac6a #965311

Nearby Colors

#1a80e5
#1a80e7
#1a80d6
#1a80f6

Embed #1A80E6 swatch

Embed this swatch

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

Open image

About #1A80E6

#1A80E6 converts to RGB(26, 128, 230) and HSL(210, 80%, 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).

#1A80E6 FAQs

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