#3B548C

Color Details

HEX
#3B548C
RGB
rgb(59, 84, 140)
HSL
hsl(221, 41%, 39%)
CMYK
cmyk(58%, 40%, 0%, 45%)
Best text on this color #FFFFFF (CR 7.41:1) Determined by WCAG contrast ratio

Readability Previews

Black on #3b548c
Contrast 2.83:1 Fail
White on #3b548c
Contrast 7.41:1 AAA
#3b548c on Black
Contrast 2.83:1 Fail
#3b548c on White
Contrast 7.41:1 AAA

Tints & Shades

#6276a3
#8998ba
#b1bbd1
#2f4370
#233254
#182238

Complement & Analogous

#8c723b
#4a3b8c
#3b7d8c

Triadic

#8c3b54
#548c3b

Monochrome

#182238 #233254 #3b548c #8998ba #b1bbd1 #d8dde8

Analogous

#3b7d8c #76a4af #3b548c #6e62a3 #4a3b8c #3b2f70

Complementary Mix

#233254 #3b548c #8998ba #8c723b #b4a380 #5b4a26

Nearby Colors

#3b548b
#3b548d
#3b547c
#3b549c

Embed #3B548C swatch

Embed this swatch

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

Open image

About #3B548C

#3B548C converts to RGB(59, 84, 140) and HSL(221, 41%, 39%). 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).

#3B548C FAQs

What is the RGB value of #3B548C?
RGB: 59, 84, 140. Copy as CSS: rgb(59, 84, 140)
Is #3B548C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #3B548C?
Complement: #8c723b.
Does #3B548C have good contrast on white or black?
On white: 7.41:1 (AAA (normal text)). On black: 2.83:1 (Fails AA).