#36A2EB Hex Color
Vivid and energetic sky blue tone
This vivid, high-saturation blue brings a clean and approachable feel to digital interfaces. Because it is highly legible, the hex code #36a2eb works well as a primary accent color for UI elements like buttons or notification badges. It pairs effectively with charcoal grays for a modern, tech-focused aesthetic. Avoid using it as a large-scale background, as its intensity can easily overwhelm a composition.
Questions about #36a2eb
What is #36a2eb in RGB, HSL and CMYK?
In RGB, #36a2eb is rgb(54, 162, 235), in HSL hsl(204, 82%, 57%) and in CMYK 77%, 31%, 0%, 8%.
What colors pair well with #36a2eb in design?
#36a2eb creates a balanced, modern tech aesthetic when paired with charcoal or dark navy grays. Because of its high saturation, it stands out sharply against these neutral backgrounds, making it an excellent choice for primary buttons or alert badges.
Is #36a2eb suitable for large backgrounds?
Avoid using #36a2eb for large-scale backgrounds, as its high intensity can easily overwhelm the viewer and strain the eyes. Instead, treat it as a deliberate accent or highlight color to direct user attention toward specific interface actions.
Is #36a2eb readable on white or black?
#36a2eb has a 2.79:1 contrast ratio on white and 7.52: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.