#1836B2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense blue is deeply saturated, bordering on electric, and brings immediate authority to any layout. Because it is so dominant, use #1836b2 sparingly as an accent rather than a background to avoid overwhelming the viewer. It pairs unexpectedly well with warm mustard yellows for high-contrast UI elements. If you are experimenting with mixing blue, this specific hex code works best as a primary branding anchor.
Questions about #1836b2
What is #1836b2 in RGB, HSL and CMYK?
In RGB, #1836b2 is rgb(24, 54, 178), in HSL hsl(228, 76%, 40%) and in CMYK 87%, 70%, 0%, 30%.
Should #1836b2 be used as a primary background color?
Using #1836b2 as a large background often overwhelms the viewer due to its extreme saturation and intensity. It is far more effective as a strategic accent color for buttons, links, or specific branding elements that require immediate user attention.
Is #1836b2 readable on white or black?
#1836b2 has a 9.50:1 contrast ratio on white and 2.20: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.