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