#328A8C

Color Details

HEX
#328A8C
RGB
rgb(50, 138, 140)
HSL
hsl(181, 47%, 37%)
CMYK
cmyk(64%, 1%, 0%, 45%)
Best text on this color #000000 (CR 5.15:1) Determined by WCAG contrast ratio

Readability Previews

Black on #328a8c
Contrast 5.15:1 AA
White on #328a8c
Contrast 4.08:1 Fail
#328a8c on Black
Contrast 5.15:1 AA
#328a8c on White
Contrast 4.08:1 Fail

Tints & Shades

#5ba1a3
#84b9ba
#add0d1
#286e70
#1e5354
#143738

Complement & Analogous

#8b3332
#325d8b
#328b60

Triadic

#8b3289
#898b32

Monochrome

#143738 #1e5354 #328a8c #84b9ba #add0d1 #d6e8e8

Analogous

#328b60 #70ae90 #328a8c #5b7da2 #325d8b #284a6f

Complementary Mix

#1e5354 #328a8c #84b9ba #8b3332 #b47a7a #5a2121

Nearby Colors

#328a8b
#328a8d
#328a7c
#328a9c

Embed #328A8C swatch

Embed this swatch

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

Open image

About #328A8C

#328A8C converts to RGB(50, 138, 140) and HSL(181, 47%, 37%). 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).

#328A8C FAQs

What is the RGB value of #328A8C?
RGB: 50, 138, 140. Copy as CSS: rgb(50, 138, 140)
Is #328A8C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #328A8C?
Complement: #8b3332.
Does #328A8C have good contrast on white or black?
On white: 4.08:1 (AA (large text)). On black: 5.15:1 (AA (normal text)).