#51A8E6

Color Details

HEX
#51A8E6
RGB
rgb(81, 168, 230)
HSL
hsl(205, 75%, 61%)
CMYK
cmyk(65%, 27%, 0%, 10%)
Best text on this color #000000 (CR 8.09:1) Determined by WCAG contrast ratio

Readability Previews

Black on #51a8e6
Contrast 8.09:1 AAA
White on #51a8e6
Contrast 2.59:1 Fail
#51a8e6 on Black
Contrast 8.09:1 AAA
#51a8e6 on White
Contrast 2.59:1 Fail

Tints & Shades

#74b9eb
#97cbf0
#b9dcf5
#4186b8
#31658a
#20435c

Complement & Analogous

#e68f51
#515de6
#51e6da

Triadic

#e651a8
#a8e651

Monochrome

#20435c #31658a #51a8e6 #97cbf0 #b9dcf5 #dceefa

Analogous

#51e6da #85eee5 #51a8e6 #747deb #515de6 #414ab8

Complementary Mix

#31658a #51a8e6 #97cbf0 #e68f51 #efb68e #965d35

Nearby Colors

#51a8e5
#51a8e7
#51a8d6
#51a8f6

Embed #51A8E6 swatch

Embed this swatch

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

Open image

About #51A8E6

#51A8E6 converts to RGB(81, 168, 230) and HSL(205, 75%, 61%). 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).

#51A8E6 FAQs

What is the RGB value of #51A8E6?
RGB: 81, 168, 230. Copy as CSS: rgb(81, 168, 230)
Is #51A8E6 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #51A8E6?
Complement: #e68f51.
Does #51A8E6 have good contrast on white or black?
On white: 2.59:1 (Fails AA). On black: 8.09:1 (AAA (normal text)).