Cerulean Blue

#2258B4

General Information about Cerulean Blue

Cerulean Blue, represented by the hex code #2258B4, is a medium-dark shade of blue with a slight hint of cyan. It belongs to the blue color family and is often associated with feelings of calmness, tranquility, and stability. In color psychology, blue is known to represent trust, intelligence, and efficiency. Cerulean Blue is frequently used in various design applications, ranging from web design to interior decor, owing to its versatile and appealing nature. Its balanced tone makes it suitable for creating a professional and soothing ambiance. The color derives its name from cerulean, referencing the color of the clear blue sky.

The hex color #2258B4, also known as Cerulean Blue, offers moderate accessibility. When used as a text color, it requires careful consideration of the background color to ensure sufficient contrast for readability, especially for users with visual impairments. A contrast ratio of at least 4.5:1 is recommended for body text and 3:1 for large text. When used for interactive elements like buttons or links, providing clear visual cues beyond color, such as underlines or borders, is crucial. Additionally, avoid using this color as the sole indicator of functionality. Testing the color combination with accessibility tools can help ensure compliance with WCAG guidelines, promoting inclusivity in design and preventing exclusion of users with disabilities.

Shades

Digital Color Formats

RGB
34 88 180
RGB34 88 180
Red
Green
Blue
HSL
217.81deg 68.22% 41.96%
217.8168.2241.96HSL
Hue
Saturation
Lightness
HWB
217.81deg 13.33% 29.41%
217.8113.3329.41HWB
Hue
Whiteness
Blackness
hex#2258B4
rgb34 88 180
hsl217.81deg 68.22% 41.96%
cmyk81.11% 51.11% 0% 29.41%
hwb217.81deg 13.33% 29.41%
xyz-d650.12 0.11 0.45
oklch0.479 0.1572 260.43
oklab0.479 -0.03 -0.16
CMYK
81.11% 51.11% 0% 29.41%
81.1151.11029.41CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.12 0.11 0.45
0.120.110.45XYZ
X
Y
Z
OKLCH
0.479 0.1572 260.43
0.4790.1572260.43LCH
Lightness
Chroma
Hue
OKLAB
0.479 -0.03 -0.16
0.479-0.03-0.16LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons