#4161FF Hex Color
A high intensity blue for bold accents
This high-intensity blue demands attention and functions best as a bold UI accent or call to action. Because of its extreme saturation, it often overwhelms layouts when used as a primary background. Pair it with white for clear readability, as it meets the 4.8:1 contrast threshold. The hex code for this striking, energetic tone is #4161ff.
Questions about #4161ff
What is #4161ff in RGB, HSL and CMYK?
In RGB, #4161ff is rgb(65, 97, 255), in HSL hsl(230, 100%, 63%) and in CMYK 75%, 62%, 0%, 0%.
How can I use #4161ff effectively in user interface design?
#4161ff functions best as a targeted call to action or a primary interaction button rather than a background color. Because of its extreme saturation, apply it sparingly to draw the eye to critical UI elements without overwhelming your layout.
What colors pair well with the intensity of #4161ff?
Pair #4161ff with clean white to ensure high readability, as it meets the 4.8:1 contrast threshold required for accessibility. If you need a secondary color, try a balanced charcoal to ground the design and prevent the blue from becoming too visually dominant.
Is #4161ff readable on white or black?
#4161ff has a 4.79:1 contrast ratio on white and 4.37: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.