#A8BAEF

Color Details

HEX
#A8BAEF
RGB
rgb(168, 186, 239)
HSL
hsl(225, 69%, 80%)
CMYK
cmyk(30%, 22%, 0%, 6%)
Best text on this color #000000 (CR 10.93:1) Determined by WCAG contrast ratio

Readability Previews

Black on #a8baef
Contrast 10.93:1 AAA
White on #a8baef
Contrast 1.92:1 Fail
#a8baef on Black
Contrast 10.93:1 AAA
#a8baef on White
Contrast 1.92:1 Fail

Tints & Shades

#b9c8f2
#cbd6f5
#dce3f9
#8695bf
#65708f
#434a60

Complement & Analogous

#efdea9
#baa9ef
#a9deef

Triadic

#efa9ba
#baefa9

Monochrome

#434a60 #65708f #a8baef #cbd6f5 #dce3f9 #eef1fc

Analogous

#a9deef #c3e8f4 #a8baef #c8baf2 #baa9ef #9587bf

Complementary Mix

#65708f #a8baef #cbd6f5 #efdea9 #f5eac7 #9b906e

Nearby Colors

#a8baee
#a8baf0
#a8badf
#a8baff

Embed #A8BAEF swatch

Embed this swatch

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

Open image

About #A8BAEF

#A8BAEF converts to RGB(168, 186, 239) and HSL(225, 69%, 80%). 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).

#A8BAEF FAQs

What is the RGB value of #A8BAEF?
RGB: 168, 186, 239. Copy as CSS: rgb(168, 186, 239)
Is #A8BAEF a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #A8BAEF?
Complement: #efdea9.
Does #A8BAEF have good contrast on white or black?
On white: 1.92:1 (Fails AA). On black: 10.93:1 (AAA (normal text)).