#1AA5FC

Color Details

HEX
#1AA5FC
RGB
rgb(26, 165, 252)
HSL
hsl(203, 97%, 55%)
CMYK
cmyk(90%, 35%, 0%, 1%)
Best text on this color #000000 (CR 7.83:1) Determined by WCAG contrast ratio

Readability Previews

Black on #1aa5fc
Contrast 7.83:1 AAA
White on #1aa5fc
Contrast 2.68:1 Fail
#1aa5fc on Black
Contrast 7.83:1 AAA
#1aa5fc on White
Contrast 2.68:1 Fail

Tints & Shades

#48b7fd
#76c9fd
#a3dbfe
#1584ca
#106397
#0a4265

Complement & Analogous

#fc721d
#1d37fc
#1dfce2

Triadic

#fc1da6
#a6fc1d

Monochrome

#0a4265 #106397 #1aa5fc #76c9fd #a3dbfe #d1edfe

Analogous

#1dfce2 #61fdeb #1aa5fc #4a5ffd #1d37fc #172cca

Complementary Mix

#106397 #1aa5fc #76c9fd #fc721d #fda36c #a44a13

Nearby Colors

#1aa5fb
#1aa5fd
#1aa5ec
#1aa60c

Embed #1AA5FC swatch

Embed this swatch

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

Open image

About #1AA5FC

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

#1AA5FC FAQs

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