Cerulean Blue

#2F4DB7

General Information

Cerulean Blue, represented by the hexadecimal color code #2F4DB7, is a captivating shade of blue that evokes feelings of tranquility and serenity. It is often associated with the clear blue sky or the deep ocean, making it a popular choice for designs that aim to convey calmness, peace, and stability. In the RGB color model, Cerulean Blue consists of 18.43% red, 30.2% green, and 71.76% blue. This combination creates a medium-dark hue that is both visually appealing and versatile. It falls within the blue-violet spectrum, leaning towards the cooler side of the color wheel. Cerulean Blue is widely used in various fields, including web design, graphic design, fashion, and interior design. Its calming nature makes it suitable for creating relaxing environments or conveying trustworthiness and professionalism. In color psychology, blue is often associated with trust, loyalty, wisdom, confidence, intelligence, faith, truth and heaven.

The color #2F4DB7, also known as Cerulean Blue, presents some accessibility challenges, particularly concerning color contrast. When used as a background color, it requires careful consideration of the foreground text color to ensure sufficient contrast for readability. According to WCAG guidelines, the contrast ratio between text and background should be at least 4.5:1 for normal text and 3:1 for large text. Given the relative darkness of Cerulean Blue, lighter colors such as white, yellow, or light gray are recommended for text. Conversely, using darker text colors on a Cerulean Blue background can render the content illegible for users with visual impairments. When this color is used for interactive elements like buttons or links, it's crucial to provide clear visual cues, such as hover effects or underlines, to indicate their interactive nature. This is essential for users who may not be able to distinguish color differences effectively. Also, avoid using color as the sole means of conveying information; supplement it with text or icons to ensure inclusivity for all users.

Shades

Digital Color Formats

RGB
47 77 183
RGB47 77 183
Red
Green
Blue
HSL
226.76deg 59.13% 45.1%
226.7659.1345.1HSL
Hue
Saturation
Lightness
HWB
226.76deg 18.43% 28.24%
226.7618.4328.24HWB
Hue
Whiteness
Blackness
hex#2F4DB7
rgb47 77 183
hsl226.76deg 59.13% 45.1%
cmyk74.32% 57.92% 0% 28.24%
hwb226.76deg 18.43% 28.24%
xyz-d650.12 0.09 0.46
oklch0.4635 0.1714 267.26
oklab0.4635 -0.01 -0.17
CMYK
74.32% 57.92% 0% 28.24%
74.3257.92028.24CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.12 0.09 0.46
0.120.090.46XYZ
X
Y
Z
OKLCH
0.4635 0.1714 267.26
0.46350.1714267.26LCH
Lightness
Chroma
Hue
OKLAB
0.4635 -0.01 -0.17
0.4635-0.01-0.17LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons