#453CCB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated indigo is intense and commands attention with its heavy, electric presence. Because of its high chroma, #453ccb works best as a bold accent or call-to-action button rather than a large background. It provides strong legibility for white text, offering a solid 7.6:1 contrast ratio. Pair this hex code with muted grays or creams to keep your design balanced and professional.
Questions about #453ccb
What is #453ccb in RGB, HSL and CMYK?
In RGB, #453ccb is rgb(69, 60, 203), in HSL hsl(244, 58%, 52%) and in CMYK 66%, 70%, 0%, 20%.
How can I effectively use #453ccb in a UI design?
Because of its high chroma and electric intensity, #453ccb is best reserved for small, purposeful elements like call-to-action buttons or highlights. Pairing it with a neutral background, such as light-gray or cream, prevents the color from overwhelming the user interface.
Is #453ccb readable on white or black?
#453ccb has a 7.60:1 contrast ratio on white and 2.76:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it is too faint for text. Try other pairs in the contrast checker.