#48024C

Color Details

HEX
#48024C
RGB
rgb(72, 2, 76)
HSL
hsl(297, 95%, 15%)
CMYK
cmyk(5%, 97%, 0%, 70%)
Best text on this color #FFFFFF (CR 15.12:1) Determined by WCAG contrast ratio

Readability Previews

Black on #48024c
Contrast 1.39:1 Fail
White on #48024c
Contrast 15.12:1 AAA
#48024c on Black
Contrast 1.39:1 Fail
#48024c on White
Contrast 15.12:1 AAA

Tints & Shades

#6d3570
#916794
#b69ab7
#3a023d
#2b012e
#1d011e

Complement & Analogous

#064b02
#4b022a
#23024b

Triadic

#4b4702
#024b47

Monochrome

#1d011e #2b012e #48024c #916794 #b69ab7 #daccdb

Analogous

#23024b #654e81 #48024c #6f3555 #4b022a #3c0222

Complementary Mix

#2b012e #48024c #916794 #064b02 #5d8a5b #043101

Nearby Colors

#48024b
#48024d
#48023c
#48025c

Embed #48024C swatch

Embed this swatch

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

Open image

About #48024C

#48024C converts to RGB(72, 2, 76) and HSL(297, 95%, 15%). 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).

#48024C FAQs

What is the RGB value of #48024C?
RGB: 72, 2, 76. Copy as CSS: rgb(72, 2, 76)
Is #48024C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #48024C?
Complement: #064b02.
Does #48024C have good contrast on white or black?
On white: 15.12:1 (AAA (normal text)). On black: 1.39:1 (Fails AA).