Cerulean Blue

#304AB6

General Information about Cerulean Blue

The color #304ab6, also known as Cerulean Blue, is a deep and captivating shade of blue that sits between azure and sapphire on the color spectrum. It derives its name from the Latin word "caeruleus," meaning dark blue, mirroring the color of the clear sky or the deep ocean. This color is often associated with tranquility, serenity, and stability, making it a popular choice in various design fields. In the RGB color model, #304ab6 is composed of 18.82% red, 29.02% green, and 71.37% blue. In the CMYK color model, it consists of 74% cyan, 59% magenta, 0% yellow, and 29% black. It is widely used for branding and website design.

The hex color #304ab6, also known as Cerulean Blue, presents some accessibility considerations for web developers. When using this color for text, it's essential to ensure sufficient contrast against the background. Given its relatively dark hue, it's best paired with light backgrounds to meet WCAG (Web Content Accessibility Guidelines) standards for readability. A contrast ratio of at least 4.5:1 for normal text and 3:1 for large text is recommended. Using color contrast checkers can help verify compliance. Avoid using this color for critical information if the contrast is insufficient. Also, remember to provide alternative cues besides color to convey information to users with color vision deficiencies. For example, use text labels or icons in addition to color coding.

Shades

Digital Color Formats

RGB
48 74 182
RGB48 74 182
Red
Green
Blue
HSL
228.36deg 58.26% 45.1%
228.3658.2645.1HSL
Hue
Saturation
Lightness
HWB
228.36deg 18.82% 28.63%
228.3618.8228.63HWB
Hue
Whiteness
Blackness
hex#304AB6
rgb48 74 182
hsl228.36deg 58.26% 45.1%
cmyk73.63% 59.34% 0% 28.63%
hwb228.36deg 18.82% 28.63%
xyz-d650.12 0.09 0.45
oklch0.4573 0.1734 268.31
oklab0.4573 -0.01 -0.17
CMYK
73.63% 59.34% 0% 28.63%
73.6359.34028.63CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.12 0.09 0.45
0.120.090.45XYZ
X
Y
Z
OKLCH
0.4573 0.1734 268.31
0.45730.1734268.31LCH
Lightness
Chroma
Hue
OKLAB
0.4573 -0.01 -0.17
0.4573-0.01-0.17LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons