#534B8C

Color Details

HEX
#534B8C
RGB
rgb(83, 75, 140)
HSL
hsl(247, 30%, 42%)
CMYK
cmyk(41%, 46%, 0%, 45%)
Best text on this color #FFFFFF (CR 7.63:1) Determined by WCAG contrast ratio

Readability Previews

Black on #534b8c
Contrast 2.75:1 Fail
White on #534b8c
Contrast 7.63:1 AAA
#534b8c on Black
Contrast 2.75:1 Fail
#534b8c on White
Contrast 7.63:1 AAA

Tints & Shades

#756fa3
#9893ba
#bab7d1
#423c70
#322d54
#211e38

Complement & Analogous

#848b4b
#734b8b
#4b648b

Triadic

#8b524b
#4b8b52

Monochrome

#211e38 #322d54 #534b8c #9893ba #bab7d1 #dddbe8

Analogous

#4b648b #8193ae #534b8c #8f6fa2 #734b8b #5c3c6f

Complementary Mix

#322d54 #534b8c #9893ba #848b4b #afb48a #565a31

Nearby Colors

#534b8b
#534b8d
#534b7c
#534b9c

Embed #534B8C swatch

Embed this swatch

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

Open image

About #534B8C

#534B8C converts to RGB(83, 75, 140) and HSL(247, 30%, 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).

#534B8C FAQs

What is the RGB value of #534B8C?
RGB: 83, 75, 140. Copy as CSS: rgb(83, 75, 140)
Is #534B8C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #534B8C?
Complement: #848b4b.
Does #534B8C have good contrast on white or black?
On white: 7.63:1 (AAA (normal text)). On black: 2.75:1 (Fails AA).