What color is Cerulean?
Cerulean is a medium blue with a calm, slightly greenish tone, hex #007BA7, closer to open seawater than to a bright sky. It has more depth than a pale sky blue but avoids the heaviness of navy.
What is the meaning of the color Cerulean?
Latin caelum, meaning sky or heaven, gives cerulean its name, with the English form first recorded in 1590. The pigment gained practical use among European painters in the 19th century after cobalt stannate was identified as a stable blue colorant around 1821. It spread into fine art and textile dyeing as a reliable alternative to the more expensive ultramarine. Crayola anchored the name in popular culture by including Cerulean as a named crayon color in its 1990 expanded 72-color set.
RGB
0, 123, 167
HSL
196°, 100%, 33%
CMYK
100, 26, 0, 35
HSV
196°, 100%, 65%
What colors go with Cerulean?
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #007BA7 |
color: #007BA7;
|
| RGB | 0, 123, 167 |
color: rgb(0, 123, 167);
|
| RGB Percentage | 0%, 48%, 65% |
color: rgb(0%, 48%, 65%);
|
| CMYK | 100%, 26%, 0%, 35% | Not supported in CSS |
| HSL | 196°, 100%, 33% |
color: hsl(196, 100%, 33%);
|
| HSV | 196°, 100%, 65% | Not supported in CSS |
| CIE-LAB | 26, -25, -15 |
color: lab(26% -25 -15);
|
| Decimal | 31655 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.cerulean {
color: #007BA7;
}
SCSS
$cerulean: #007BA7;
RGB
rgb(0, 123, 167)
Accessibility & Contrast
White background
4.78:1
4.78
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
4.39:1
4.39
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element