#51A0B0

Color Details

HEX
#51A0B0
RGB
rgb(81, 160, 176)
HSL
hsl(190, 38%, 50%)
CMYK
cmyk(54%, 9%, 0%, 31%)
Best text on this color #000000 (CR 7.01:1) Determined by WCAG contrast ratio

Readability Previews

Black on #51a0b0
Contrast 7.01:1 AAA
White on #51a0b0
Contrast 3.00:1 Fail
#51a0b0 on Black
Contrast 7.01:1 AAA
#51a0b0 on White
Contrast 3.00:1 Fail

Tints & Shades

#74b3c0
#97c6d0
#b9d9df
#41808d
#31606a
#204046

Complement & Analogous

#b05f4f
#4f6fb0
#4fb090

Triadic

#b04fa0
#a0b04f

Monochrome

#204046 #31606a #51a0b0 #97c6d0 #b9d9df #dcecef

Analogous

#4fb090 #84c8b1 #51a0b0 #728cc0 #4f6fb0 #3f598d

Complementary Mix

#31606a #51a0b0 #97c6d0 #b05f4f #cc978d #723e33

Nearby Colors

#51a0af
#51a0b1
#51a0a0
#51a0c0

Embed #51A0B0 swatch

Embed this swatch

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

Open image

About #51A0B0

#51A0B0 converts to RGB(81, 160, 176) and HSL(190, 38%, 50%). 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).

#51A0B0 FAQs

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