Skip to main content

Pantone® Color of the Year 2016

Rose Quartz & Serenity

For 2016, Pantone named two colors together: Pantone® 13-1520 TCX Rose Quartz and Pantone® 15-3919 TCX Serenity. Below: HEX, RGB, HSL and CMYK values, text contrast, palettes built on the color and the closest Pantone® C codes.

Note: The HEX values here are approximate screen values per Wikipedia, not official Pantone® values. Pantone® is a trademark of Pantone LLC; this site is not affiliated with Pantone.

Rose Quartz

Pantone® 13-1520 Rose Quartz color swatch, approximately #F7CAC9

Pantone® 13-1520 TCX

  • HEX#F7CAC9
  • RGBrgb(247, 202, 201)
  • HSLhsl(1, 74%, 88%)
  • CMYKcmyk(0%, 18%, 19%, 3%)

#F7CAC9 is an approximate screen value per Wikipedia — not an official Pantone® value.

Text contrast (WCAG 2)

Aa

White text on Rose Quartz

1.47:1

AA normal: Fail · AA large: Fail · AAA normal: Fail

Aa

Black text on Rose Quartz

14.24:1

AA normal: Pass · AA large: Pass · AAA normal: Pass

Color palettes based on Rose Quartz

Complementary — Opposite colors on the color wheel

  • #F7CAC9
  • #C9F6F7

Analogous — Colors adjacent on the color wheel

  • #F7C9F6
  • #F7C9DF
  • #F7CAC9
  • #F7E1C9
  • #F6F7C9

Split Complementary — Base color + two adjacent to its complement

  • #F7CAC9
  • #C9F7E1
  • #C9DFF7

Triadic — Three colors evenly spaced on the color wheel

  • #F7CAC9
  • #C9F7CA
  • #CAC9F7

Monochromatic — Variations of lightness from the same hue

  • #2C0707
  • #851614
  • #DE2421
  • #EB7C7A
  • #F7CAC9

Closest Pantone® C colors

TCX is Pantone's textile system; these are the nearest print (C) codes from our library by Delta E (CIEDE2000). Lower is closer.

CSS

:root {
  --pantone-coy-2016-rose-quartz: #F7CAC9;
}

.element {
  background-color: var(--pantone-coy-2016-rose-quartz);
}

Serenity

Pantone® 15-3919 Serenity color swatch, approximately #92A8D1

Pantone® 15-3919 TCX

  • HEX#92A8D1
  • RGBrgb(146, 168, 209)
  • HSLhsl(219, 41%, 70%)
  • CMYKcmyk(30%, 20%, 0%, 18%)

#92A8D1 is an approximate screen value per Wikipedia — not an official Pantone® value.

Text contrast (WCAG 2)

Aa

White text on Serenity

2.4:1

AA normal: Fail · AA large: Fail · AAA normal: Fail

Aa

Black text on Serenity

8.74:1

AA normal: Pass · AA large: Pass · AAA normal: Pass

Color palettes based on Serenity

Complementary — Opposite colors on the color wheel

  • #92A8D1
  • #D1BB92

Analogous — Colors adjacent on the color wheel

  • #92D1BB
  • #92C8D1
  • #92A8D1
  • #9B92D1
  • #BB92D1

Split Complementary — Base color + two adjacent to its complement

  • #92A8D1
  • #D19B92
  • #C8D192

Triadic — Three colors evenly spaced on the color wheel

  • #92A8D1
  • #D192A8
  • #A8D192

Monochromatic — Variations of lightness from the same hue

  • #0F1624
  • #2D436C
  • #4B70B4
  • #92A8D1
  • #DBE2F0

Closest Pantone® C colors

TCX is Pantone's textile system; these are the nearest print (C) codes from our library by Delta E (CIEDE2000). Lower is closer.

CSS

:root {
  --pantone-coy-2016-serenity: #92A8D1;
}

.element {
  background-color: var(--pantone-coy-2016-serenity);
}