#A5C8FE

Color Details

HEX
#A5C8FE
RGB
rgb(165, 200, 254)
HSL
hsl(216, 98%, 82%)
CMYK
cmyk(35%, 21%, 0%, 0%)
Best text on this color #000000 (CR 12.29:1) Determined by WCAG contrast ratio

Readability Previews

Black on #a5c8fe
Contrast 12.29:1 AAA
White on #a5c8fe
Contrast 1.71:1 Fail
#a5c8fe on Black
Contrast 12.29:1 AAA
#a5c8fe on White
Contrast 1.71:1 Fail

Tints & Shades

#b7d3fe
#c9defe
#dbe9ff
#84a0cb
#637898
#425066

Complement & Analogous

#fedaa4
#ada4fe
#a4f5fe

Triadic

#fea4c8
#c8fea4

Monochrome

#425066 #637898 #a5c8fe #c9defe #dbe9ff #edf4ff

Analogous

#a4f5fe #bff8fe #a5c8fe #bdb6fe #ada4fe #8a83cb

Complementary Mix

#637898 #a5c8fe #c9defe #fedaa4 #fee7c4 #a58e6b

Nearby Colors

#a5c8fd
#a5c8ff
#a5c8ee
#a5c90e

Embed #A5C8FE swatch

Embed this swatch

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

Open image

About #A5C8FE

#A5C8FE converts to RGB(165, 200, 254) and HSL(216, 98%, 82%). 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).

#A5C8FE FAQs

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