Cerulean Blue

#224AB4

General Information

Cerulean blue, represented by the hex code #224AB4, is a medium-dark shade of blue that evokes feelings of calmness, serenity, and trust. It is named after the color of the clear blue sky on a bright day. This hue is often associated with water, sky, and open spaces, making it a popular choice for designs that aim to convey a sense of peace and tranquility. In color psychology, blue is known to represent stability, reliability, and intelligence. Cerulean blue, in particular, strikes a balance between these qualities and a sense of freshness and modernity. Its usage can range from corporate branding to artistic endeavors. The color is a popular choice because of its versatility and appeal.

The hex color #224ab4, also known as Cerulean Blue, presents some accessibility considerations for web developers. Its relatively low luminance value means that using it as a background color necessitates light-colored text to ensure sufficient contrast for readability. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text. When used for interactive elements like buttons or links, it's crucial to provide a clear visual indication of state changes, such as hover or focus, to aid users with visual impairments. This can be achieved through techniques like adding a border or changing the background color slightly. Additionally, avoid relying solely on color to convey information; supplement color cues with text labels or icons to ensure accessibility for colorblind users.

Shades

Digital Color Formats

RGB
34 74 180
RGB34 74 180
Red
Green
Blue
HSL
223.56deg 68.22% 41.96%
223.5668.2241.96HSL
Hue
Saturation
Lightness
HWB
223.56deg 13.33% 29.41%
223.5613.3329.41HWB
Hue
Whiteness
Blackness
hex#224AB4
rgb34 74 180
hsl223.56deg 68.22% 41.96%
cmyk81.11% 58.89% 0% 29.41%
hwb223.56deg 13.33% 29.41%
xyz-d650.11 0.09 0.44
oklch0.4498 0.1745 264.55
oklab0.4498 -0.02 -0.17
CMYK
81.11% 58.89% 0% 29.41%
81.1158.89029.41CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.11 0.09 0.44
0.110.090.44XYZ
X
Y
Z
OKLCH
0.4498 0.1745 264.55
0.44980.1745264.55LCH
Lightness
Chroma
Hue
OKLAB
0.4498 -0.02 -0.17
0.4498-0.02-0.17LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons