Cerulean

#00A3E6

General Information about Cerulean (#00A3E6)

Cerulean, represented by the hexadecimal color code #00A3E6, is a vibrant and engaging shade of blue that evokes feelings of calmness, serenity, and openness. It is often associated with the sky and the ocean, making it a popular choice for designs that aim to convey a sense of tranquility or expansiveness. Cerulean is located in the cyan-blue region of the color spectrum and is characterized by its moderate saturation and brightness. Its name originates from the Latin word "caeruleus," meaning "dark blue" or "sky blue." This color is widely used in various fields, including web design, graphic design, fashion, and interior design, due to its versatility and aesthetic appeal. Its hex code #00A3E6 indicates that it is composed of 0% red, 63.9% green, and 90.2% blue. Cerulean strikes a balance between boldness and subtlety, making it suitable for both primary and secondary color roles. It has a distinct visual presence and is easily recognizable, contributing to its widespread popularity and use in diverse applications.

The color #00A3E6, also known as Cerulean, presents some accessibility challenges. With a low luminance value, it might be difficult for individuals with visual impairments to distinguish text or elements using this color against a white background. According to WCAG guidelines, sufficient contrast is essential for readability. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. When using Cerulean, consider pairing it with lighter shades like white (#FFFFFF) or very light grays to ensure that the text is easily readable. Alternatively, using it with darker tones such as dark blues or blacks can also provide better contrast. It's crucial to test color combinations with accessibility evaluation tools to ensure compliance with standards and to create an inclusive user experience. Always prioritize readability and ensure that your design is accessible to all users, including those with visual impairments. Also ensure that interactive elements have sufficient contrast so users can easily identify them.

Shades

Digital Color Formats

RGB
0 163 230
RGB0 163 230
Red
Green
Blue
HSL
197.48deg 100% 45.1%
197.4810045.1HSL
Hue
Saturation
Lightness
HWB
197.48deg 0% 9.8%
197.4809.8HWB
Hue
Whiteness
Blackness
hex#00A3E6
rgb0 163 230
hsl197.48deg 100% 45.1%
cmyk100% 29.13% 0% 9.8%
hwb197.48deg 0% 9.8%
xyz-d650.27 0.32 0.8
oklch0.6776 0.1476 236.82
oklab0.6776 -0.08 -0.12
CMYK
100% 29.13% 0% 9.8%
10029.1309.8CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.27 0.32 0.8
0.270.320.8XYZ
X
Y
Z
OKLCH
0.6776 0.1476 236.82
0.67760.1476236.82LCH
Lightness
Chroma
Hue
OKLAB
0.6776 -0.08 -0.12
0.6776-0.08-0.12LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons