#1AA5FB

Color Details

HEX
#1AA5FB
RGB
rgb(26, 165, 251)
HSL
hsl(203, 97%, 54%)
CMYK
cmyk(90%, 34%, 0%, 2%)
Best text on this color #000000 (CR 7.82:1) Determined by WCAG contrast ratio

Readability Previews

Black on #1aa5fb
Contrast 7.82:1 AAA
White on #1aa5fb
Contrast 2.69:1 Fail
#1aa5fb on Black
Contrast 7.82:1 AAA
#1aa5fb on White
Contrast 2.69:1 Fail

Tints & Shades

#48b7fc
#76c9fd
#a3dbfd
#1584c9
#106397
#0a4264

Complement & Analogous

#fb6f18
#1832fb
#18fbe1

Triadic

#fb18a4
#a4fb18

Monochrome

#0a4264 #106397 #1aa5fb #76c9fd #a3dbfd #d1edfe

Analogous

#18fbe1 #5dfcea #1aa5fb #465bfc #1832fb #1328c9

Complementary Mix

#106397 #1aa5fb #76c9fd #fb6f18 #fca169 #a34810

Nearby Colors

#1aa5fa
#1aa5fc
#1aa5eb
#1aa60b

Embed #1AA5FB swatch

Embed this swatch

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

Open image

About #1AA5FB

#1AA5FB converts to RGB(26, 165, 251) and HSL(203, 97%, 54%). 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).

#1AA5FB FAQs

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