#48B2CC

Color Details

HEX
#48B2CC
RGB
rgb(72, 178, 204)
HSL
hsl(192, 56%, 54%)
CMYK
cmyk(65%, 13%, 0%, 20%)
Best text on this color #000000 (CR 8.52:1) Determined by WCAG contrast ratio

Readability Previews

Black on #48b2cc
Contrast 8.52:1 AAA
White on #48b2cc
Contrast 2.47:1 Fail
#48b2cc on Black
Contrast 8.52:1 AAA
#48b2cc on White
Contrast 2.47:1 Fail

Tints & Shades

#6dc1d6
#91d1e0
#b6e0eb
#3a8ea3
#2b6b7a
#1d4752

Complement & Analogous

#cb6248
#486fcb
#48cba4

Triadic

#cb48b1
#b1cb48

Monochrome

#1d4752 #2b6b7a #48b2cc #91d1e0 #b6e0eb #daf0f5

Analogous

#48cba4 #7fdbbf #48b2cc #6d8cd5 #486fcb #3a59a2

Complementary Mix

#2b6b7a #48b2cc #91d1e0 #cb6248 #dd9988 #84402f

Nearby Colors

#48b2cb
#48b2cd
#48b2bc
#48b2dc

Embed #48B2CC swatch

Embed this swatch

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

Open image

About #48B2CC

#48B2CC converts to RGB(72, 178, 204) and HSL(192, 56%, 54%). 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).

#48B2CC FAQs

What is the RGB value of #48B2CC?
RGB: 72, 178, 204. Copy as CSS: rgb(72, 178, 204)
Is #48B2CC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #48B2CC?
Complement: #cb6248.
Does #48B2CC have good contrast on white or black?
On white: 2.47:1 (Fails AA). On black: 8.52:1 (AAA (normal text)).