Cerulean Blue

#214DC5

General Information

Cerulean Blue, represented by the hexadecimal color code #214DC5, is a captivating shade of blue known for its resemblance to the color of a clear, deep-blue sky or the beautiful hues of the ocean. In the RGB color model, Cerulean Blue consists of 13% red, 30.2% green, and 77.3% blue. This color is widely used across various fields, including web design, graphic design, fashion, and interior decoration, because it evokes feelings of calmness, serenity, and sophistication. Its versatility allows it to be paired with different color palettes to create a variety of visual effects, ranging from tranquil and soothing to bold and dynamic.

The hex color #214dc5, also known as Cerulean Blue, presents some accessibility challenges, particularly concerning text contrast. When using this color as a background, it's crucial to select a foreground text color that provides sufficient contrast to ensure readability for all users, including those with visual impairments. White text on a Cerulean Blue background offers better contrast than black, but it's essential to verify the contrast ratio using accessibility tools to meet WCAG guidelines. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. Consider providing alternative color schemes or high-contrast options to accommodate users' individual needs and preferences, enhancing the overall user experience.

Shades

Digital Color Formats

RGB
33 77 197
RGB33 77 197
Red
Green
Blue
HSL
223.9deg 71.3% 45.1%
223.971.345.1HSL
Hue
Saturation
Lightness
HWB
223.9deg 12.94% 22.75%
223.912.9422.75HWB
Hue
Whiteness
Blackness
hex#214DC5
rgb33 77 197
hsl223.9deg 71.3% 45.1%
cmyk83.25% 60.91% 0% 22.75%
hwb223.9deg 12.94% 22.75%
xyz-d650.13 0.1 0.54
oklch0.4702 0.1935 264.52
oklab0.4702 -0.02 -0.19
CMYK
83.25% 60.91% 0% 22.75%
83.2560.91022.75CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.13 0.1 0.54
0.130.10.54XYZ
X
Y
Z
OKLCH
0.4702 0.1935 264.52
0.47020.1935264.52LCH
Lightness
Chroma
Hue
OKLAB
0.4702 -0.02 -0.19
0.4702-0.02-0.19LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons