#36A7FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#36a7ff is a highly saturated, bright blue that commands attention instantly. Its intense chroma works best as a punchy accent color rather than a main background, which can quickly feel overwhelming. Because it is so vivid, black text remains highly readable over it. If you need to soften this shade, knowing how to make gray can help you create balance in your design palette.
Questions about #36a7ff
What is #36a7ff in RGB, HSL and CMYK?
In RGB, #36a7ff is rgb(54, 167, 255), in HSL hsl(206, 100%, 61%) and in CMYK 79%, 35%, 0%, 0%.
How should I use #36a7ff in a professional design layout?
#36a7ff works best as a vibrant accent to draw attention to call-to-action buttons or highlights. Because the color is extremely intense, avoid using it for large background areas, as it can quickly become overwhelming for the viewer's eyes.
Is #36a7ff readable on white or black?
#36a7ff has a 2.58:1 contrast ratio on white and 8.12:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.