#424BBD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Reach for #424bbd when a layout needs an indigo with real punch. This hex code is saturated but dark, so it beams as an accent on night-sky and moody designs while white text stays readable on top at about 7.1:1 contrast. Pair it with burnt orange or warm gold to balance its cool edge. At large sizes it can go flat, so favor it for buttons, links, and highlights.
Questions about #424bbd
What is #424bbd in RGB, HSL and CMYK?
In RGB, #424bbd is rgb(66, 75, 189), in HSL hsl(236, 48%, 50%) and in CMYK 65%, 60%, 0%, 26%.
What colors pair well with #424bbd?
Burnt orange, amber, and terracotta bring out its cool undertone through strong contrast. For quieter schemes, try muted mauve or warm gray as supporting tones and keep #424bbd as the accent.
Is #424bbd readable on white or black?
#424bbd has a 7.06:1 contrast ratio on white and 2.97: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.