Science Blue

#036BD3

About Science Blue (#036BD3)

Science Blue, represented by the hexadecimal color code #036BD3, is a vibrant and energetic shade of blue that evokes feelings of trust, intelligence, and innovation. It is a relatively saturated color, positioned in the cyan-blue range of the color spectrum. This color finds wide use in various fields due to its appealing aesthetic and psychological associations. In color theory, blue is often linked to concepts like stability, wisdom, and confidence, making Science Blue suitable for branding and design applications where these qualities are desirable. The hex code #036BD3 breaks down into 1.18% red, 42.35% green, and 82.75% blue, revealing a strong emphasis on the blue component. The color is often perceived as clean and modern, making it a popular choice in contemporary designs. Its brightness and clarity make it easily noticeable, which is useful for creating visually engaging content and user interfaces.

The color #036BD3, also known as Science Blue, presents some accessibility considerations, particularly regarding contrast. When used as text, it's crucial to pair it with a background color that provides sufficient contrast to ensure readability for individuals with visual impairments. According to WCAG (Web Content Accessibility Guidelines), the contrast ratio between text and background should be at least 4.5:1 for normal text and 3:1 for large text. Using a light background, such as white or a very pale shade, would generally be necessary to meet these guidelines. For interactive elements like buttons or links, ensuring a clear visual distinction from the surrounding content is vital. This might involve using a darker shade of blue for the background, using a bold text style, or adding a visible border. When employing this color in data visualizations or infographics, it's important to avoid relying solely on color to convey information. Providing alternative cues, such as labels, patterns, or symbols, will enhance accessibility for users who are colorblind or have low vision. Careful consideration of these factors will contribute to a more inclusive and user-friendly experience for all users.

Shades

Digital Color Formats

RGB
3 107 211
RGB3 107 211
Red
Green
Blue
HSL
210deg 97.2% 41.96%
21097.241.96HSL
Hue
Saturation
Lightness
HWB
210deg 1.18% 17.25%
2101.1817.25HWB
Hue
Whiteness
Blackness
hex#036BD3
rgb3 107 211
hsl210deg 97.2% 41.96%
cmyk98.58% 49.29% 0% 17.25%
hwb210deg 1.18% 17.25%
xyz-d650.17 0.15 0.64
oklch0.5384 0.1799 255.64
oklab0.5384 -0.04 -0.17
CMYK
98.58% 49.29% 0% 17.25%
98.5849.29017.25CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.17 0.15 0.64
0.170.150.64XYZ
X
Y
Z
OKLCH
0.5384 0.1799 255.64
0.53840.1799255.64LCH
Lightness
Chroma
Hue
OKLAB
0.5384 -0.04 -0.17
0.5384-0.04-0.17LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons