#453DCC

Color Details

HEX
#453DCC
RGB
rgb(69, 61, 204)
HSL
hsl(243, 58%, 52%)
CMYK
cmyk(66%, 70%, 0%, 20%)
Best text on this color #FFFFFF (CR 7.52:1) Determined by WCAG contrast ratio

Readability Previews

Black on #453dcc
Contrast 2.79:1 Fail
White on #453dcc
Contrast 7.52:1 AAA
#453dcc on Black
Contrast 2.79:1 Fail
#453dcc on White
Contrast 7.52:1 AAA

Tints & Shades

#6a64d6
#8f8be0
#b5b1eb
#3731a3
#29257a
#1c1852

Complement & Analogous

#c4cc3e
#8c3ecc
#3e7ecc

Triadic

#cc453e
#3ecc45

Monochrome

#1c1852 #29257a #453dcc #8f8be0 #b5b1eb #dad8f5

Analogous

#3e7ecc #78a5db #453dcc #a365d6 #8c3ecc #7032a3

Complementary Mix

#29257a #453dcc #8f8be0 #c4cc3e #d9de82 #7f8528

Nearby Colors

#453dcb
#453dcd
#453dbc
#453ddc

Embed #453DCC swatch

Embed this swatch

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

Open image

About #453DCC

#453DCC converts to RGB(69, 61, 204) and HSL(243, 58%, 52%). 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).

#453DCC FAQs

What is the RGB value of #453DCC?
RGB: 69, 61, 204. Copy as CSS: rgb(69, 61, 204)
Is #453DCC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #453DCC?
Complement: #c4cc3e.
Does #453DCC have good contrast on white or black?
On white: 7.52:1 (AAA (normal text)). On black: 2.79:1 (Fails AA).