Huebook

Nevermind Nirvana Split-complementary Color Scheme

Five colors arranged by the split-complementary rule around Nevermind Nirvana (#7BC8F6), each snapped to its nearest named color.

#7BC8F6
#F27987
#F8E87B
#31A2F2
#FFC3CB

Color names and codes

NameHEXRGBHSLCMYK
Nevermind Nirvana#7BC8F6123, 200, 246202°, 87%, 72%50, 19, 0, 4
Flower Blossom Pink#F27987242, 121, 135353°, 82%, 71%0, 50, 44, 5
Pineapple Juice#F8E87B248, 232, 12352°, 90%, 73%0, 6, 50, 3
Rockman Blue#31A2F249, 162, 242205°, 88%, 57%80, 33, 0, 5
Cotton Candy Comet#FFC3CB255, 195, 203352°, 100%, 88%0, 24, 20, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #F8E87B on #31A2F22.22:1—
Aa #F27987 on #F8E87B2.14:1—
Aa #31A2F2 on #FFC3CB1.84:1—
Aa #F27987 on #FFC3CB1.77:1—
Aa #7BC8F6 on #31A2F21.51:1—
Aa #7BC8F6 on #F8E87B1.47:1—

CSS variables

:root {
  --color-1: #7bc8f6; /* Nevermind Nirvana */
  --color-2: #f27987; /* Flower Blossom Pink */
  --color-3: #f8e87b; /* Pineapple Juice */
  --color-4: #31a2f2; /* Rockman Blue */
  --color-5: #ffc3cb; /* Cotton Candy Comet */
}

Other schemes from Nevermind Nirvana

More Light Blue split-complementary palettes

Questions

What colors go with Nevermind Nirvana?

In a split-complementary scheme: Flower Blossom Pink (#F27987), Pineapple Juice (#F8E87B), Rockman Blue (#31A2F2), Cotton Candy Comet (#FFC3CB).

What is the hex code of Nevermind Nirvana?

#7BC8F6.