#1AD8FE

Color Details

HEX
#1AD8FE
RGB
rgb(26, 216, 254)
HSL
hsl(190, 99%, 55%)
CMYK
cmyk(90%, 15%, 0%, 0%)
Best text on this color #000000 (CR 12.30:1) Determined by WCAG contrast ratio

Readability Previews

Black on #1ad8fe
Contrast 12.30:1 AAA
White on #1ad8fe
Contrast 1.71:1 Fail
#1ad8fe on Black
Contrast 12.30:1 AAA
#1ad8fe on White
Contrast 1.71:1 Fail

Tints & Shades

#48e0fe
#76e8fe
#a3efff
#15adcb
#108298
#0a5666

Complement & Analogous

#fe411b
#1b66fe
#1bfeb2

Triadic

#fe1bd8
#d8fe1b

Monochrome

#0a5666 #108298 #1ad8fe #76e8fe #a3efff #d1f7ff

Analogous

#1bfeb2 #5ffec9 #1ad8fe #4985fe #1b66fe #1652cb

Complementary Mix

#108298 #1ad8fe #76e8fe #fe411b #fe846b #a52a12

Nearby Colors

#1ad8fd
#1ad8ff
#1ad8ee
#1ad90e

Embed #1AD8FE swatch

Embed this swatch

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

Open image

About #1AD8FE

#1AD8FE converts to RGB(26, 216, 254) and HSL(190, 99%, 55%). 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).

#1AD8FE FAQs

What is the RGB value of #1AD8FE?
RGB: 26, 216, 254. Copy as CSS: rgb(26, 216, 254)
Is #1AD8FE a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #1AD8FE?
Complement: #fe411b.
Does #1AD8FE have good contrast on white or black?
On white: 1.71:1 (Fails AA). On black: 12.30:1 (AAA (normal text)).