#362B7C

Color Details

HEX
#362B7C
RGB
rgb(54, 43, 124)
HSL
hsl(248, 49%, 33%)
CMYK
cmyk(56%, 65%, 0%, 51%)
Best text on this color #FFFFFF (CR 11.71:1) Determined by WCAG contrast ratio

Readability Previews

Black on #362b7c
Contrast 1.79:1 Fail
White on #362b7c
Contrast 11.71:1 AAA
#362b7c on Black
Contrast 1.79:1 Fail
#362b7c on White
Contrast 11.71:1 AAA

Tints & Shades

#5e5596
#8680b0
#afaacb
#2b2263
#201a4a
#161132

Complement & Analogous

#727d2b
#5f2b7d
#2b497d

Triadic

#7d362b
#2b7d36

Monochrome

#161132 #201a4a #362b7c #8680b0 #afaacb #d7d5e5

Analogous

#2b497d #6b80a4 #362b7c #7f5597 #5f2b7d #4c2264

Complementary Mix

#201a4a #362b7c #8680b0 #727d2b #a3ab75 #4a511c

Nearby Colors

#362b7b
#362b7d
#362b6c
#362b8c

Embed #362B7C swatch

Embed this swatch

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

Open image

About #362B7C

#362B7C converts to RGB(54, 43, 124) and HSL(248, 49%, 33%). 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).

#362B7C FAQs

What is the RGB value of #362B7C?
RGB: 54, 43, 124. Copy as CSS: rgb(54, 43, 124)
Is #362B7C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #362B7C?
Complement: #727d2b.
Does #362B7C have good contrast on white or black?
On white: 11.71:1 (AAA (normal text)). On black: 1.79:1 (Fails AA).