#2C516D

Color Details

HEX
#2C516D
RGB
rgb(44, 81, 109)
HSL
hsl(206, 42%, 30%)
CMYK
cmyk(60%, 26%, 0%, 57%)
Best text on this color #FFFFFF (CR 8.38:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2c516d
Contrast 2.50:1 Fail
White on #2c516d
Contrast 8.38:1 AAA
#2c516d on Black
Contrast 2.50:1 Fail
#2c516d on White
Contrast 8.38:1 AAA

Tints & Shades

#56748a
#8097a7
#abb9c5
#234157
#1a3141
#12202c

Complement & Analogous

#6d482c
#2c316d
#2c6d68

Triadic

#6d2c51
#516d2c

Monochrome

#12202c #1a3141 #2c516d #8097a7 #abb9c5 #d5dce2

Analogous

#2c6d68 #6b9995 #2c516d #565a8a #2c316d #232757

Complementary Mix

#1a3141 #2c516d #8097a7 #6d482c #a08876 #472f1d

Nearby Colors

#2c516c
#2c516e
#2c515d
#2c517d

Embed #2C516D swatch

Embed this swatch

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

Open image

About #2C516D

#2C516D converts to RGB(44, 81, 109) and HSL(206, 42%, 30%). 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).

#2C516D FAQs

What is the RGB value of #2C516D?
RGB: 44, 81, 109. Copy as CSS: rgb(44, 81, 109)
Is #2C516D a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2C516D?
Complement: #6d482c.
Does #2C516D have good contrast on white or black?
On white: 8.38:1 (AAA (normal text)). On black: 2.50:1 (Fails AA).