#2563EB HEX Color
About #2563EB
#2563EB (#2563EB) is a cool, mid, vivid blue tone with a hue of 221°, saturation of 83% and lightness of 53%. It works well for corporate and professional UI and conveys a calm feeling. On a white background it reaches a contrast ratio of 5.17:1, while on black it reaches 4.06:1 — so prefer white text when using #2563EB as a background.
Color Codes
Accessibility & Contrast
Recommendation: when using #2563EB as a background, use white text for the highest contrast.
Color Schemes
Tints & Shades
CSS Code Snippets
background-color: #2563EB;color: #2563EB;border: 2px solid #2563EB;background: linear-gradient(135deg, #2563EB, #ebad25);Code Export
:root {
--color-primary: #2563eb;
--color-primary-rgb: 37, 99, 235;
--color-primary-hsl: 221, 83%, 53%;
}Explore Color Tools
Related Tools
Related Combinations
Frequently Asked Questions
What is the name of color #2563EB?
Color #2563EB does not have an official CSS name. It is a cool, mid, vivid blue tone (HSL 221°, 83%, 53%).
Is #2563EB a warm or cool color?
#2563EB (#2563EB) is a cool color. With a hue of 221°, it falls in the blue family.
What colors go well with #2563EB?
Colors that pair well with #2563EB (#2563EB) include its complementary color (#EBAD25), neutral whites and warm creams, and analogous blue tones for harmonious palettes.