#51A0B5

Color Details

HEX
#51A0B5
RGB
rgb(81, 160, 181)
HSL
hsl(193, 40%, 51%)
CMYK
cmyk(55%, 12%, 0%, 29%)
Best text on this color #000000 (CR 7.05:1) Determined by WCAG contrast ratio

Readability Previews

Black on #51a0b5
Contrast 7.05:1 AAA
White on #51a0b5
Contrast 2.98:1 Fail
#51a0b5 on Black
Contrast 7.05:1 AAA
#51a0b5 on White
Contrast 2.98:1 Fail

Tints & Shades

#74b3c4
#97c6d3
#b9d9e1
#418091
#31606d
#204048

Complement & Analogous

#b46650
#506cb4
#50b498

Triadic

#b4509e
#9eb450

Monochrome

#204048 #31606d #51a0b5 #97c6d3 #b9d9e1 #dcecf0

Analogous

#50b498 #85cbb7 #51a0b5 #7389c3 #506cb4 #405690

Complementary Mix

#31606d #51a0b5 #97c6d3 #b46650 #ce9c8d #754234

Nearby Colors

#51a0b4
#51a0b6
#51a0a5
#51a0c5

Embed #51A0B5 swatch

Embed this swatch

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

Open image

About #51A0B5

#51A0B5 converts to RGB(81, 160, 181) and HSL(193, 40%, 51%). 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).

#51A0B5 FAQs

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