What color is Celeste?
Celeste is a pale, icy blue with a soft green tint, hex #B2FFFF, similar to the color of shallow tropical water on a clear day. It is light enough to appear almost white in bright conditions but holds a cool, aqua-like clarity.
What is the meaning of the color Celeste?
Latin gave the color its name — caelestis, meaning of the sky or heavenly — and early Italian use of celeste referred to the pale blue of the daytime sky. The color became associated with Argentina in 1812, when the sky-blue and white flag was officially adopted, making celeste a national symbol. The Argentine Football Association has used celeste as the defining color of the national team kit since the late nineteenth century, anchoring it to one of the most recognized sports identities in South America.
RGB
178, 255, 255
HSL
180°, 100%, 85%
CMYK
30, 0, 0, 0
HSV
180°, 30%, 100%
What colors go with Celeste?
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #B2FFFF |
color: #B2FFFF;
|
| RGB | 178, 255, 255 |
color: rgb(178, 255, 255);
|
| RGB Percentage | 70%, 100%, 100% |
color: rgb(70%, 100%, 100%);
|
| CMYK | 30%, 0%, 0%, 0% | Not supported in CSS |
| HSL | 180°, 100%, 85% |
color: hsl(180, 100%, 85%);
|
| HSV | 180°, 30%, 100% | Not supported in CSS |
| CIE-LAB | 68, -15, 0 |
color: lab(68% -15 0);
|
| Decimal | 11730943 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.celeste {
color: #B2FFFF;
}
SCSS
$celeste: #B2FFFF;
RGB
rgb(178, 255, 255)
Accessibility & Contrast
White background
1.13:1
1.13
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
18.64:1
18.64
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element