Cerulean Blue

#2259B4

General Information about Cerulean Blue

Cerulean Blue, represented by the hexadecimal color code #2259B4, is a captivating shade of blue often associated with the sky and sea. It is a popular color choice in various design fields, including web design, graphic design, and fashion. Cerulean blue is perceived as calming, trustworthy, and intellectual, making it suitable for conveying feelings of unity, protection and confidence. In color psychology, blue is often linked to stability and depth. The name 'Cerulean' itself is derived from the Latin word 'caeruleus', meaning dark blue or sky-blue. Its usage can make a design feel professional and balanced. It's worth exploring the color's origin and variations to fully appreciate its potential.

The hex color #2259B4, also known as Cerulean Blue, presents some accessibility challenges, particularly concerning color contrast. When used as a foreground color for text, it requires careful pairing with background colors to ensure sufficient contrast for readability, especially for users with visual impairments. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text. Light shades of yellow, cream, or white are the most suitable background colors. Using color contrast tools to evaluate combinations is advised. It is important to avoid pairing it with darker colors to avoid low contrast and illegibility. Considering semantic HTML and ARIA attributes is also beneficial to provide additional context and enhance accessibility.

Shades

Digital Color Formats

RGB
34 89 180
RGB34 89 180
Red
Green
Blue
HSL
217.4deg 68.22% 41.96%
217.468.2241.96HSL
Hue
Saturation
Lightness
HWB
217.4deg 13.33% 29.41%
217.413.3329.41HWB
Hue
Whiteness
Blackness
hex#2259B4
rgb34 89 180
hsl217.4deg 68.22% 41.96%
cmyk81.11% 50.56% 0% 29.41%
hwb217.4deg 13.33% 29.41%
xyz-d650.12 0.11 0.45
oklch0.4812 0.156 260.08
oklab0.4812 -0.03 -0.15
CMYK
81.11% 50.56% 0% 29.41%
81.1150.56029.41CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.12 0.11 0.45
0.120.110.45XYZ
X
Y
Z
OKLCH
0.4812 0.156 260.08
0.48120.156260.08LCH
Lightness
Chroma
Hue
OKLAB
0.4812 -0.03 -0.15
0.4812-0.03-0.15LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons