Cerulean Blue

#1950D2

General Information about Cerulean Blue

Cerulean Blue, represented by the hexadecimal color code #1950D2, is a captivating shade of blue known for its depth and vibrancy. It is located in the blue region of the color spectrum, exhibiting a hue that is slightly greenish. Cerulean Blue evokes feelings of tranquility, serenity, and stability, making it a popular choice for various applications in art, design, and branding. The color's name is derived from cerulean, which refers to the sky-blue color often seen on clear days. In terms of color theory, Cerulean Blue is considered a cool color, which means it tends to create a calming and relaxing effect. Its spectral data reveals that it absorbs most wavelengths except for those in the blue range, reflecting the blue light that we perceive. Historically, cerulean pigment was derived from cobalt compounds, adding to its rich and interesting past. It is used in many areas like web design, graphic design, fashion, beauty and fine art.

The hex color #1950d2, also known as Cerulean Blue, presents some accessibility challenges, especially concerning text and UI elements. Its relatively low luminance contrast ratio against white backgrounds necessitates careful consideration. Using this color for text on a white background may not meet WCAG (Web Content Accessibility Guidelines) standards for readability, particularly WCAG AA compliance. To ensure accessibility, it's advisable to pair Cerulean Blue with lighter shades or complementary colors that offer sufficient contrast. For instance, using white or very light yellow text on a Cerulean Blue background can significantly improve readability. Alternatively, consider using Cerulean Blue as an accent color rather than a primary background or text color to minimize accessibility issues. When using this color for interactive elements like buttons or links, ensure that the color contrast changes on hover or focus states, providing clear visual feedback for users, especially those with visual impairments. Testing with accessibility tools is crucial to identify and address any potential issues.

Shades

Digital Color Formats

RGB
25 80 210
RGB25 80 210
Red
Green
Blue
HSL
222.16deg 78.72% 46.08%
222.1678.7246.08HSL
Hue
Saturation
Lightness
HWB
222.16deg 9.8% 17.65%
222.169.817.65HWB
Hue
Whiteness
Blackness
hex#1950D2
rgb25 80 210
hsl222.16deg 78.72% 46.08%
cmyk88.1% 61.9% 0% 17.65%
hwb222.16deg 9.8% 17.65%
xyz-d650.15 0.11 0.62
oklch0.4854 0.2081 263.33
oklab0.4854 -0.02 -0.21
CMYK
88.1% 61.9% 0% 17.65%
88.161.9017.65CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.15 0.11 0.62
0.150.110.62XYZ
X
Y
Z
OKLCH
0.4854 0.2081 263.33
0.48540.2081263.33LCH
Lightness
Chroma
Hue
OKLAB
0.4854 -0.02 -0.21
0.4854-0.02-0.21LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons