#453DBC

Color Details

HEX
#453DBC
RGB
rgb(69, 61, 188)
HSL
hsl(244, 51%, 49%)
CMYK
cmyk(63%, 68%, 0%, 26%)
Best text on this color #FFFFFF (CR 7.93:1) Determined by WCAG contrast ratio

Readability Previews

Black on #453dbc
Contrast 2.65:1 Fail
White on #453dbc
Contrast 7.93:1 AAA
#453dbc on Black
Contrast 2.65:1 Fail
#453dbc on White
Contrast 7.93:1 AAA

Tints & Shades

#6a64c9
#8f8bd7
#b5b1e4
#373196
#292571
#1c184b

Complement & Analogous

#b4bd3d
#853dbd
#3d74bd

Triadic

#bd463d
#3dbd46

Monochrome

#1c184b #292571 #453dbc #8f8bd7 #b5b1e4 #dad8f2

Analogous

#3d74bd #779ed1 #453dbc #9d64ca #853dbd #6a3197

Complementary Mix

#292571 #453dbc #8f8bd7 #b4bd3d #ced481 #757b28

Nearby Colors

#453dbb
#453dbd
#453dac
#453dcc

Embed #453DBC swatch

Embed this swatch

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

Open image

About #453DBC

#453DBC converts to RGB(69, 61, 188) and HSL(244, 51%, 49%). 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).

#453DBC FAQs

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