#452E5C

Color Details

HEX
#452E5C
RGB
rgb(69, 46, 92)
HSL
hsl(270, 33%, 27%)
CMYK
cmyk(25%, 50%, 0%, 64%)
Best text on this color #FFFFFF (CR 11.68:1) Determined by WCAG contrast ratio

Readability Previews

Black on #452e5c
Contrast 1.80:1 Fail
White on #452e5c
Contrast 11.68:1 AAA
#452e5c on Black
Contrast 1.80:1 Fail
#452e5c on White
Contrast 11.68:1 AAA

Tints & Shades

#6a587d
#8f829d
#b5abbe
#37254a
#291c37
#1c1225

Complement & Analogous

#455c2e
#5c2e5c
#2e2e5c

Triadic

#5c452e
#2e5c45

Monochrome

#1c1225 #291c37 #452e5c #8f829d #b5abbe #dad5de

Analogous

#2e2e5c #6d6d8d #452e5c #7d587d #5c2e5c #4a254a

Complementary Mix

#291c37 #452e5c #8f829d #455c2e #869577 #2d3c1e

Nearby Colors

#452e5b
#452e5d
#452e4c
#452e6c

Embed #452E5C swatch

Embed this swatch

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

Open image

About #452E5C

#452E5C converts to RGB(69, 46, 92) and HSL(270, 33%, 27%). 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).

#452E5C FAQs

What is the RGB value of #452E5C?
RGB: 69, 46, 92. Copy as CSS: rgb(69, 46, 92)
Is #452E5C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #452E5C?
Complement: #455c2e.
Does #452E5C have good contrast on white or black?
On white: 11.68:1 (AAA (normal text)). On black: 1.80:1 (Fails AA).