#3A2E8C

Color Details

HEX
#3A2E8C
RGB
rgb(58, 46, 140)
HSL
hsl(248, 51%, 36%)
CMYK
cmyk(59%, 67%, 0%, 45%)
Best text on this color #FFFFFF (CR 10.77:1) Determined by WCAG contrast ratio

Readability Previews

Black on #3a2e8c
Contrast 1.95:1 Fail
White on #3a2e8c
Contrast 10.77:1 AAA
#3a2e8c on Black
Contrast 1.95:1 Fail
#3a2e8c on White
Contrast 10.77:1 AAA

Tints & Shades

#6158a3
#8982ba
#b0abd1
#2e2570
#231c54
#171238

Complement & Analogous

#7e8b2d
#682d8b
#2d4f8b

Triadic

#8b392d
#2d8b39

Monochrome

#171238 #231c54 #3a2e8c #8982ba #b0abd1 #d8d5e8

Analogous

#2d4f8b #6c84ae #3a2e8c #8657a2 #682d8b #53246f

Complementary Mix

#231c54 #3a2e8c #8982ba #7e8b2d #abb477 #525a1d

Nearby Colors

#3a2e8b
#3a2e8d
#3a2e7c
#3a2e9c

Embed #3A2E8C swatch

Embed this swatch

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

Open image

About #3A2E8C

#3A2E8C converts to RGB(58, 46, 140) and HSL(248, 51%, 36%). 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).

#3A2E8C FAQs

What is the RGB value of #3A2E8C?
RGB: 58, 46, 140. Copy as CSS: rgb(58, 46, 140)
Is #3A2E8C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #3A2E8C?
Complement: #7e8b2d.
Does #3A2E8C have good contrast on white or black?
On white: 10.77:1 (AAA (normal text)). On black: 1.95:1 (Fails AA).