#48738C

Color Details

HEX
#48738C
RGB
rgb(72, 115, 140)
HSL
hsl(202, 32%, 42%)
CMYK
cmyk(49%, 18%, 0%, 45%)
Best text on this color #FFFFFF (CR 5.11:1) Determined by WCAG contrast ratio

Readability Previews

Black on #48738c
Contrast 4.11:1 Fail
White on #48738c
Contrast 5.11:1 AA
#48738c on Black
Contrast 4.11:1 Fail
#48738c on White
Contrast 5.11:1 AA

Tints & Shades

#6d8fa3
#91abba
#b6c7d1
#3a5c70
#2b4554
#1d2e38

Complement & Analogous

#8d6249
#49528d
#498d84

Triadic

#8d4974
#748d49

Monochrome

#1d2e38 #2b4554 #48738c #91abba #b6c7d1 #dae3e8

Analogous

#498d84 #80afa9 #48738c #6d75a4 #49528d #3a4271

Complementary Mix

#2b4554 #48738c #91abba #8d6249 #b59989 #5c402f

Nearby Colors

#48738b
#48738d
#48737c
#48739c

Embed #48738C swatch

Embed this swatch

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

Open image

About #48738C

#48738C converts to RGB(72, 115, 140) and HSL(202, 32%, 42%). 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).

#48738C FAQs

What is the RGB value of #48738C?
RGB: 72, 115, 140. Copy as CSS: rgb(72, 115, 140)
Is #48738C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #48738C?
Complement: #8d6249.
Does #48738C have good contrast on white or black?
On white: 5.11:1 (AA (normal text)). On black: 4.11:1 (AA (large text)).