Diamond Club

Click to play our newest game, solitaire!

Spade Heart

Serenity Color Codes - The Hex, RGB, HSL and CMYK Values

ourpastimes article image
By: Contributing Artist

What colors make Serenity?

On this page, you will find the Serenity Hex, RGB, Hue Saturation Light (HSL), and CMYK color codes. We also include shades and variations of Serenity, color palettes, and related colors.

Serenity color code

The Serenity hex code is #B3CEE5. The Serenity hex code can be quantified in RGB values which represent the amount of Red, Green and Blue color channels. The RGB value is an estimated amount of red, green, and blue color to create the color Serenity. The RGB estimate is:


  • Red: #B3 in Hex amounts to 70%
  • Green: #CE in Hex amounts to 81%
  • Blue: #E5 in Hex amounts to 90%

Serenity in HSL

HSL is an acronym which stands for Hue, Saturation, and Lightness. HSL was developed for television and standardized for computer displays.

Hue is the perceived color name. Saturation is the "colorfulness" relative to the color's brightness. Brightness is our human eye's quantifed perception of the spectral light distribution. Lightness is the color brightness relative to a perceived similarly illuminated white.

Brightness and "colorfulness" are absolute measures, while Lightness and and Saturation are relative measures.

Serenity is 208deg, 49%, 80% HSL.


  • Hue: 208deg
  • Saturation: 49%
  • Light: 80%

Serenity color in CMYK color model

The CMYK color model is commonly used in printing. The CMYK acronym stands for Cyan, Magenta, Yellow and Key. Where key is black. Since the black color is the absence of light, the CMYK is a subtractive color model. White light minus red is cyan, minus green is magenta, minus blue is yellow.

Serenity is 22% 10% 0% 10% CMYK.


  • Cyan: 22%
  • Magenta: 10%
  • Yellow: 0%
  • Key (or Black): 10%

Different shades of Serenity

According to its HSL value, Serenity contains about 80% of brightness.

Below are the all the values in HEX, HSL and CMYK color spaces for each shade variations:

  • Hex HSL CMYK
  • #D9E6F2 207deg, 49%, 90% 10%, 4%, 0%, 99%
  • #B3CEE5 207deg, 49%, 80% 21%, 10%, 0%, 99%
  • #8CB5D8 207deg, 49%, 70% 34%, 15%, 0%, 99%
  • #669CCB 207deg, 49%, 60% 49%, 22%, 0%, 99%
  • #4184BE 207deg, 49%, 50% 65%, 30%, 0%, 99%
  • #346998 207deg, 49%, 40% 65%, 30%, 0%, 99%
  • #264F72 207deg, 49%, 30% 65%, 30%, 0%, 99%
  • #1A344C 207deg, 49%, 20% 65%, 30%, 0%, 99%
  • #0D1A26 207deg, 49%, 10% 65%, 30%, 0%, 99%

Accessibility tips when using the color Serenity

Ensure your content remains available to the broadest possible audience. Make sure the text color has enough contrast with its background. When using Serenity on text, we recommend you use black for the background.

The reason Serenity contrasts better with a black background is because Serenity has a degree of brightness of 80% which provides better contrast on a dark background.

The Serenity color palette hex codes.

There are a few color palettes available when working with Serenity, but below is our favorite:

  • Perfect Pink
    #E5B3B2
  • Lambs Wool
    #E6D1B2
  • Frozen Forest
    #CFE8B6
  • Mint-O-Licious
    #B6E9C8
  • Ice Cube
    #AFE3D6
  • Pastel Purple
    #C3B1E1

By interpolating Hue and Saturation values, we can also generate great color palettes inspired from Serenity

  • Placebo
    #E7E7E7
  • Morning Bread
    #E7E6DE
  • Peppermint
    #D7E7D0
  • Ambrosia
    #D2E7CA
  • H₂O
    #BFE1E6
  • Maximum Blue Purple
    #ACACE6

Below is a series of palettes generated from the color Serenity:

Palette variances of 3 colors:

  • #DCB3E5
  • #BAB3E5
  • #B3CEE5
  • #C9B3E5
  • #B3CEE5
  • #B3E5CA
  • #B3CEE5
  • #B3E5DA
  • #B3E5B9

Palette variances of 4 colors:

  • #E5B3C2
  • #CFB3E5
  • #B3CEE5
  • #B3E5C4
  • #D2B3E5
  • #B5B3E5
  • #B3CEE5
  • #B3E5DE
  • #E5C8B3
  • #E2B3E5
  • #B3CEE5
  • #B4E5B3

Palette variances of 5 colors:

  • #DEB3E5
  • #C6B3E5
  • #B3B6E5
  • #B3CEE5
  • #B3E5E4
  • #E5C0B3
  • #E5B3D4
  • #C6B3E5
  • #B3CEE5
  • #B3E5CD
  • #C2B3E5
  • #B3CEE5
  • #B3E5D1
  • #BFE5B3
  • #E5E0B3

Palette variances of 6 colors:

  • #BCB3E5
  • #B3BBE5
  • #B3CEE5
  • #B3E0E5
  • #B3E5D7
  • #B3E5C5
  • #E5B3BD
  • #E5B3D4
  • #DEB3E5
  • #C6B3E5
  • #B3B6E5
  • #B3CEE5
  • #E5B3C0
  • #E5B3DD
  • #D0B3E5
  • #B4B3E5
  • #B3CEE5
  • #B3E5DF

You will find specific color values of Serenity on this page. For example, the Serenity HEX color code is #B3CEE5. We offer a variety of color palette, variances, and an expert color mixer to develop color schemes. Related colors for Serenity are:

  • Featherbed color code is (175.0, 203.0, 229.0).
  • Columbia Blue color code is (185.0, 217.0, 235.0).
  • Delicate Ice color code is (183.0, 210.0, 227.0).
  • Ice Cube color code is (175.0, 227.0, 214.0).
  • Powder Blue color code is (182.0, 208.0, 226.0).
  • Maritime color code is (189.0, 207.0, 234.0).
  • Light Blue color code is (173.0, 216.0, 230.0).
  • Beau Blue, Pale Aqua color code is (188.0, 212.0, 230.0).
  • Light Steel Blue color code is (176.0, 196.0, 222.0).
  • Sleepless Blue color code is (186.0, 219.0, 237.0).

These values can help you match the specific shade and find complementary colors. Looking for a different shade of pink? Our color mixer expertly generates nine different shades and eighteen color variances.

At ourpastimes.com, we are a creative team of product designers, engineers, and data scientists who want to make the internet a better place. We have poured over color theory, the math is tougher than you think, and built a showcase for color combinations.

We started by building a great virtual color mixer. We hope everyone has seen a color wheel. Personally, I loved the color wheel in my art classroom growing up. The acrylic paints like Titanium White, Burnt sienna, Dioxazine Purple make combining colors visceral and our color mixer virtually offers that visceral feeling of color mixing paints. Use our color mixer to build your next color scheme!

The color wheel pickers showcase 12 main colors. The three primary colors are red, green, and blue. When combined together, the primary colors create pure white light. Secondary colors result from mixing two primary colors:

  • Red and Green make Yellow.
  • Green and Blue make Cyan.
  • Blue and Red make Magenta .

Combining a secondary color and a primary color yields tertiary colors. There are six tertiary colors. The six color names are orange, chartreuse green, spring green, azure, violet and rose. Colors continue to expand, for example, halfway between blue and violet is indigo, color code #4B0082, and violet is halfway between blue and purple.

So, the color wheel includes twelve main colors: red, orange, yellow, chartreuse green, green, spring green, cyan, azure, blue, violet, magenta, and rose.

But how do you mix paint color? To mix acrylic paint to make gold you mix in a small quantity of brown paint (approximately one part brown to 10 parts yellow). Our color mixer is expert at mixing color by parts. Adjust the color levels with an easy toggle and we handle the math to generate the resulting hex code, RGB and HSL.

Included in our color pages are color palettes, we generate color combinations between three and six colors. We call each different color mixture “palette variances.” Each color palette variance includes eighteen color mixes with HEX code displayed.

A third component we provide on this page is color shades. For example, shades of Serenity include Featherbed, Columbia Blue, Delicate Ice, Ice Cube, Powder Blue, Maritime, Light Blue, Beau Blue, Pale Aqua, Light Steel Blue, and Sleepless Blue. We offer nine tints and shades for each color. A color shade is found by adjusting the color saturation to find a darker hue. A color tint is a lighter color. For example, pink is a tint of red.

Our Passtimes