#00505C

Color Details

HEX
#00505C
RGB
rgb(0, 80, 92)
HSL
hsl(188, 100%, 18%)
CMYK
cmyk(100%, 13%, 0%, 64%)
Best text on this color #FFFFFF (CR 9.12:1) Determined by WCAG contrast ratio

Readability Previews

Black on #00505c
Contrast 2.30:1 Fail
White on #00505c
Contrast 9.12:1 AAA
#00505c on Black
Contrast 2.30:1 Fail
#00505c on White
Contrast 9.12:1 AAA

Tints & Shades

#33737d
#66969d
#99b9be
#00404a
#003037
#002025

Complement & Analogous

#5c0c00
#00225c
#005c3a

Triadic

#5c0050
#505c00

Monochrome

#002025 #003037 #00505c #66969d #99b9be #ccdcde

Analogous

#005c3a #4d8d75 #00505c #334e7d #00225c #001b4a

Complementary Mix

#003037 #00505c #66969d #5c0c00 #956159 #3c0800

Nearby Colors

#00505b
#00505d
#00504c
#00506c

Embed #00505C swatch

Embed this swatch

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

Open image

About #00505C

#00505C converts to RGB(0, 80, 92) and HSL(188, 100%, 18%). 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).

#00505C FAQs

What is the RGB value of #00505C?
RGB: 0, 80, 92. Copy as CSS: rgb(0, 80, 92)
Is #00505C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #00505C?
Complement: #5c0c00.
Does #00505C have good contrast on white or black?
On white: 9.12:1 (AAA (normal text)). On black: 2.30:1 (Fails AA).