#2C504C

Color Details

HEX
#2C504C
RGB
rgb(44, 80, 76)
HSL
hsl(173, 29%, 24%)
CMYK
cmyk(45%, 0%, 5%, 69%)
Best text on this color #FFFFFF (CR 8.90:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2c504c
Contrast 2.36:1 Fail
White on #2c504c
Contrast 8.90:1 AAA
#2c504c on Black
Contrast 2.36:1 Fail
#2c504c on White
Contrast 8.90:1 AAA

Tints & Shades

#567370
#809694
#abb9b7
#23403d
#1a302e
#12201e

Complement & Analogous

#4f2b30
#2b414f
#2b4f39

Triadic

#4b2b4f
#4f4b2b

Monochrome

#12201e #1a302e #2c504c #809694 #abb9b7 #d5dcdb

Analogous

#2b4f39 #6b8474 #2c504c #556772 #2b414f #22343f

Complementary Mix

#1a302e #2c504c #809694 #4f2b30 #8d7578 #331c1f

Nearby Colors

#2c504b
#2c504d
#2c503c
#2c505c

Embed #2C504C swatch

Embed this swatch

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

Open image

About #2C504C

#2C504C converts to RGB(44, 80, 76) and HSL(173, 29%, 24%). 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).

#2C504C FAQs

What is the RGB value of #2C504C?
RGB: 44, 80, 76. Copy as CSS: rgb(44, 80, 76)
Is #2C504C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2C504C?
Complement: #4f2b30.
Does #2C504C have good contrast on white or black?
On white: 8.90:1 (AAA (normal text)). On black: 2.36:1 (Fails AA).