Serenity

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

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
Light Cyan
95%
#B3CEE5
Click to copy
Serenity
100%
#B3B5E5
Click to copy
Light Blue
94%

Complementary

#B3CEE5
Click to copy
Serenity
100%
#E5CAB3
Click to copy
Light Red
84%

Split Complementary

#B3CEE5
Click to copy
Serenity
100%
#E5B3B5
Click to copy
Light Magenta
83%
#E5E3B3
Click to copy
Light Orange
83%

Triadic

#B3CEE5
Click to copy
Serenity
100%
#E5B3CE
Click to copy
Light Purple
86%
#CEE5B3
Click to copy
Light Yellow
86%

Tetradic

#B3CEE5
Click to copy
Serenity
100%
#E3B3E5
Click to copy
Light Purple
88%
#E5CAB3
Click to copy
Light Red
84%
#B5E5B3
Click to copy
Light Green
88%

Square

#B3CEE5
Click to copy
Serenity
100%
#E3B3E5
Click to copy
Light Purple
88%
#E5CAB3
Click to copy
Light Red
84%
#B5E5B3
Click to copy
Light Green
88%

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