Cerulean Blue

#2F62B7

General Information about Cerulean Blue

Cerulean Blue, represented by the hex code #2F62B7, is a cool and calming shade of blue often associated with tranquility, trust, and stability. It is a popular color choice across various fields, from web design to fashion. The color is named after the hue of the sky on a clear day, evoking feelings of serenity and openness. In color psychology, blue is often linked to intelligence, efficiency, and thoughtfulness. Cerulean Blue, in particular, strikes a balance between vibrancy and subtlety, making it a versatile choice for creating a professional yet inviting atmosphere. Its use can evoke feelings of reliability and sophistication, contributing to a sense of trust and confidence in the design or brand it represents. The color is frequently utilized in corporate branding, healthcare, and educational materials for its association with knowledge and trustworthiness. This particular shade of blue also lends itself well to nature-inspired themes, connecting with the sky and ocean.

The hex color #2F62B7, also known as Cerulean Blue, presents specific accessibility considerations for web development. When used as a foreground color for text, it's crucial to ensure sufficient contrast against the background. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. Using a light background color such as #FFFFFF (white) might not provide adequate contrast, making the text difficult to read for users with visual impairments. A darker background color, like #000000 (black) or a dark gray, would be more suitable. When #2F62B7 is used for interactive elements like buttons or links, ensure a clear visual indication of the element's state (e.g., hover, focus, active) to help users understand the element's functionality. Providing text labels or ARIA attributes can further improve accessibility, especially for screen reader users. Always test the color combination with accessibility evaluation tools to verify compliance with accessibility standards and ensure an inclusive user experience.

Shades

Digital Color Formats

RGB
47 98 183
RGB47 98 183
Red
Green
Blue
HSL
217.5deg 59.13% 45.1%
217.559.1345.1HSL
Hue
Saturation
Lightness
HWB
217.5deg 18.43% 28.24%
217.518.4328.24HWB
Hue
Whiteness
Blackness
hex#2F62B7
rgb47 98 183
hsl217.5deg 59.13% 45.1%
cmyk74.32% 46.45% 0% 28.24%
hwb217.5deg 18.43% 28.24%
xyz-d650.14 0.13 0.47
oklch0.5075 0.1455 260.05
oklab0.5075 -0.03 -0.14
CMYK
74.32% 46.45% 0% 28.24%
74.3246.45028.24CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.14 0.13 0.47
0.140.130.47XYZ
X
Y
Z
OKLCH
0.5075 0.1455 260.05
0.50750.1455260.05LCH
Lightness
Chroma
Hue
OKLAB
0.5075 -0.03 -0.14
0.5075-0.03-0.14LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons