Science Blue

#0066CC

General Information about Science Blue (#0066CC)

The hexadecimal color #0066CC, also known as Science Blue, is a shade of blue that falls within the cyan-blue color range. It is often associated with feelings of trust, intelligence, and professionalism. In the RGB color model, #0066CC is composed of 0% red, 40% green, and 80% blue. In the CMYK color model, it consists of 100% cyan, 50% magenta, 0% yellow, and 20% black. This color is commonly used in various applications, including web design, graphic design, and branding, to convey a sense of reliability and expertise. Science Blue is often chosen for corporate identities in the technology and finance sectors. Its calming yet authoritative nature makes it a versatile choice for creating a professional and trustworthy image. In web accessibility, it's important to consider the contrast ratio of #0066CC against background colors to ensure readability for users with visual impairments.

The hex color #0066cc, also known as Science Blue, offers moderate accessibility considerations. Its contrast ratio against white is reasonable, typically around 3.2:1, which doesn't meet the WCAG AA standards for normal text (4.5:1) or large text (3:1). Therefore, it's advisable to use it carefully as a text color, especially for smaller font sizes. When using #0066cc for text, consider pairing it with a very light background to enhance readability. For buttons and interactive elements, ensure sufficient size and spacing to aid users with motor impairments. Combining it with appropriate icons or labels can further improve usability. Users with visual impairments may find it challenging to distinguish elements if the color is used subtly. Therefore, always test color combinations with accessibility evaluation tools to verify sufficient contrast. For optimal accessibility, particularly on crucial UI elements, explore darker shades of blue or consider using it primarily for decorative purposes or larger graphical elements where precise legibility is less critical. Remember to always provide alternative visual cues, such as underlines for links or distinct hover states for buttons, to ensure that all users can easily understand and interact with the content.

Shades

Digital Color Formats

RGB
0 102 204
RGB0 102 204
Red
Green
Blue
HSL
210deg 100% 40%
21010040HSL
Hue
Saturation
Lightness
HWB
210deg 0% 20%
210020HWB
Hue
Whiteness
Blackness
hex#0066CC
rgb0 102 204
hsl210deg 100% 40%
cmyk100% 50% 0% 20%
hwb210deg 0% 20%
xyz-d650.16 0.14 0.59
oklch0.522 0.1772 255.85
oklab0.522 -0.04 -0.17
CMYK
100% 50% 0% 20%
10050020CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.16 0.14 0.59
0.160.140.59XYZ
X
Y
Z
OKLCH
0.522 0.1772 255.85
0.5220.1772255.85LCH
Lightness
Chroma
Hue
OKLAB
0.522 -0.04 -0.17
0.522-0.04-0.17LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons