Science Blue

#104ED6

General Information about Science Blue

Science Blue, represented by the hexadecimal color code #104ED6, is a vibrant and saturated shade of blue located in the blue-violet region of the color spectrum. Its energetic nature makes it suitable for various applications, ranging from digital design to physical products. The color evokes feelings of innovation, technology, and dynamism. In color psychology, blue is often associated with trust, intelligence, and stability, while the slight violet undertone can add a touch of creativity and uniqueness. Science Blue can bring a modern, attention-grabbing feel to websites, logos, and marketing materials. When used effectively, it can help a brand stand out from the crowd, conveying a message of innovation and forward-thinking. The specific blend of blue and violet makes it versatile enough to be used in a range of industries, from technology and science to fashion and art. Its high visibility also makes it a popular choice for call-to-action buttons and other key interactive elements.

The hex color #104ED6, also known as Science Blue, presents some accessibility challenges, especially when it comes to text and background contrast. When using this color for text, it's crucial to ensure sufficient contrast with the background to meet WCAG (Web Content Accessibility Guidelines) standards. A light background is generally recommended, and tools for checking contrast ratios should be employed. For users with visual impairments, including color blindness, the legibility of text against this background can be a major concern. Using a higher contrast ratio, for example, 4.5:1 for normal text and 3:1 for large text, is recommended to ensure the content is accessible to a wider audience. Avoid pairing #104ED6 with dark or similarly toned colors, as this can make it difficult for users to distinguish between elements on the page, impairing usability and overall user experience. Providing alternative visual cues, such as underlines or icons, can further improve accessibility for those who have difficulty perceiving color differences. Proper planning and testing are essential to ensure inclusivity when using this vibrant hue.

Shades

Digital Color Formats

RGB
16 78 214
RGB16 78 214
Red
Green
Blue
HSL
221.21deg 86.09% 45.1%
221.2186.0945.1HSL
Hue
Saturation
Lightness
HWB
221.21deg 6.27% 16.08%
221.216.2716.08HWB
Hue
Whiteness
Blackness
hex#104ED6
rgb16 78 214
hsl221.21deg 86.09% 45.1%
cmyk92.52% 63.55% 0% 16.08%
hwb221.21deg 6.27% 16.08%
xyz-d650.15 0.1 0.65
oklch0.4837 0.2168 262.84
oklab0.4837 -0.03 -0.22
CMYK
92.52% 63.55% 0% 16.08%
92.5263.55016.08CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.15 0.1 0.65
0.150.10.65XYZ
X
Y
Z
OKLCH
0.4837 0.2168 262.84
0.48370.2168262.84LCH
Lightness
Chroma
Hue
OKLAB
0.4837 -0.03 -0.22
0.4837-0.03-0.22LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons