Serenity

#B3CEE5

What color is Serenity?

Serenity is a soft, pale blue with a cool, quiet tone, hex #B3CEE5, similar to a clear winter sky just after dawn. The color has a slight grey cast that keeps it gentle rather than bright.

What is the meaning of the color Serenity?

Pantone named Serenity its Color of the Year in 2016, pairing it with Rose Quartz to reflect a cultural mood of calm and openness. The name draws from the Latin serenus, meaning clear or unclouded, a word long used in English to describe still water and untroubled skies. Pale blues in this range had already been used in nursery design and institutional interiors through much of the 20th century, valued for their calming effect in hospitals and schools. The 2016 Pantone selection brought the color into fashion and product design, where it appeared in clothing collections and home goods that year.

RGB
179, 206, 229
HSL
208°, 49%, 80%
CMYK
22, 10, 0, 10
HSV
208°, 22%, 90%
Serenity color

What colors go with Serenity?

Colors that pair well with Serenity include:
Soft white: clean, airy lightness
Dusty rose: gentle warm contrast
Slate grey: quiet, grounding depth
Sage green: cool natural balance
Navy blue: bold tonal anchor

Similar Colors

Conversions & Codes

Format Value CSS
HEX #B3CEE5 color: #B3CEE5;
RGB 179, 206, 229 color: rgb(179, 206, 229);
RGB Percentage 70%, 81%, 90% color: rgb(70%, 81%, 90%);
CMYK 22%, 10%, 0%, 10% Not supported in CSS
HSL 208°, 49%, 80% color: hsl(208, 49%, 80%);
HSV 208°, 22%, 90% Not supported in CSS
CIE-LAB 64, -5, -8 color: lab(64% -5 -8);
Decimal 11783909 Not supported in CSS

Color Variations

Shades

#B3CEE5
#95BADB
#76A6D0
#5892C6
#3E7EB6
#346998
#2A547A
#1F3F5B

Tints

#E8F0F7
#E1EBF5
#D9E6F2
#D1E1EF
#CADCED
#C2D8EA
#BBD3E8
#B3CEE5

Tones

#B3CEE5
#B6CDE2
#B8CDE0
#BBCDDD
#BDCDDB
#C0CDD8
#C2CDD6
#C5CCD3

Hues

#B3CEE5
#BEB3E5
#E3B3E5
#E5B3C1
#E5CAB3
#DAE5B3
#B5E5B3
#B3E5D7

Color Harmonies

Analogous

#B3E5E3
Click to copy
#B3CEE5
Click to copy
#B3B5E5
Click to copy

Complementary

#B3CEE5
Click to copy
#E5CAB3
Click to copy
97%

Split Complementary

#B3CEE5
Click to copy
#E5B3B5
Click to copy
#E5E3B3
Click to copy

Triadic

#B3CEE5
Click to copy
#E5B3CE
Click to copy
#CEE5B3
Click to copy

Tetradic

#B3CEE5
Click to copy
#E3B3E5
Click to copy
#E5CAB3
Click to copy
97%
#B5E5B3
Click to copy

Square

#B3CEE5
Click to copy
#E3B3E5
Click to copy
#E5CAB3
Click to copy
97%
#B5E5B3
Click to copy

CSS & Dev Snippets

CSS
.serenity {
  color: #B3CEE5;
}
SCSS
$serenity: #B3CEE5;
RGB
rgb(179, 206, 229)

Accessibility & Contrast

White background

1.63:1
1.63
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

12.88:1
12.88
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags