#455B64 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty blue-grey carries a sense of serious, understated weight. Because #455b64 is quite dark and low in saturation, it functions best as a grounding background rather than an accent. It pairs effectively with crisp white text, which meets accessibility standards for body copy. Avoid using it alongside other muddy tones, as it can quickly feel bleak in large layouts. The hex code for this color is #455b64.
Questions about #455b64
What is #455b64 in RGB, HSL and CMYK?
In RGB, #455b64 is rgb(69, 91, 100), in HSL hsl(197, 18%, 33%) and in CMYK 31%, 9%, 0%, 61%. Browse more shades of gray with names and hex codes.
How should I use #455b64 in a UI design?
Use #455b64 primarily as a grounding background or a secondary container color to maintain a professional, low-contrast aesthetic. It functions best when paired with crisp white text or light, neutral typography, ensuring your content remains highly readable and visually balanced without feeling overly aggressive.
What colors pair well with the blue-grey #455b64?
This color anchors best when paired with high-contrast, warm neutrals or sharp whites to prevent the design from feeling too muddy. Try combining it with cream for a soft, vintage feel or a bright, clean white to emphasize its serious and professional character.
Is #455b64 readable on white or black?
#455b64 has a 7.15:1 contrast ratio on white and 2.93: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.