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