Cerulean Blue

#313AE7

General Information about Cerulean Blue

Cerulean Blue, represented by the hexadecimal color code #313AE7, is a captivating shade of blue that sits between azure and sky blue on the color spectrum. It's named after the pigment derived from magnesium ammonium phosphate, often found in deposits similar to those of cerulean blue. This color evokes feelings of serenity, peace, and tranquility. In color psychology, blue is often associated with trust, stability, and intelligence. Cerulean Blue specifically tends to be linked to creativity, inspiration, and the ocean. It's a versatile color that can be used in a variety of contexts, from web design to interior design and fashion, often chosen for its calming yet vibrant nature. Its relatively high saturation and medium darkness make it stand out, but careful contrast considerations are necessary for accessibility.

The hex color #313AE7, also known as Cerulean Blue, presents some accessibility challenges, particularly regarding color contrast. 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. Given the darkness of this shade, lighter background colors are necessary to meet these standards. White or very pale yellows and greens would be suitable. When using #313AE7 for interactive elements like buttons or links, hover and focus states should be carefully designed to maintain sufficient contrast and provide clear visual cues for users with visual impairments. It's also important to avoid relying solely on color to convey information; additional cues like text labels or icons should be used to ensure usability for all users.

Shades

Digital Color Formats

RGB
49 58 231
RGB49 58 231
Red
Green
Blue
HSL
237.03deg 79.13% 54.9%
237.0379.1354.9HSL
Hue
Saturation
Lightness
HWB
237.03deg 19.22% 9.41%
237.0319.229.41HWB
Hue
Whiteness
Blackness
hex#313AE7
rgb49 58 231
hsl237.03deg 79.13% 54.9%
cmyk78.79% 74.89% 0% 9.41%
hwb237.03deg 19.22% 9.41%
xyz-d650.17 0.09 0.77
oklch0.4787 0.2513 269.97
oklab0.4787 0 -0.25
CMYK
78.79% 74.89% 0% 9.41%
78.7974.8909.41CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.17 0.09 0.77
0.170.090.77XYZ
X
Y
Z
OKLCH
0.4787 0.2513 269.97
0.47870.2513269.97LCH
Lightness
Chroma
Hue
OKLAB
0.4787 0 -0.25
0.47870-0.25LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons