#4F69D2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated medium blue carries a bold, electric intensity that commands attention immediately. It works best as a punchy accent color rather than a primary background, where it can overwhelm. Try pairing #4f69d2 with muted grays or soft creams to ground its energy. With a contrast ratio of 4.9:1, white text remains readable against this hex code, making it a reliable choice for UI components.
Questions about #4f69d2
What is #4f69d2 in RGB, HSL and CMYK?
In RGB, #4f69d2 is rgb(79, 105, 210), in HSL hsl(228, 59%, 57%) and in CMYK 62%, 50%, 0%, 18%.
How should I use #4f69d2 in UI design?
#4f69d2 works best as a punchy accent color for primary buttons or notification badges rather than a large background. It provides a 4.9:1 contrast ratio against white, ensuring good readability for text and meaningful interactive components.
What colors pair well with #4f69d2?
You can ground the electric energy of #4f69d2 by pairing it with neutral tones like soft creams or muted charcoal. These softer shades prevent the blue from becoming visually overwhelming while still allowing its saturated intensity to stand out.
Is #4f69d2 readable on white or black?
#4f69d2 has a 4.90:1 contrast ratio on white and 4.28: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.