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

NameHEXRGBHSLCMYKOKLCH
Nevermind Nirvana#7BC8F6123, 200, 246202°, 87%, 72%50, 19, 0, 480.0% 0.100 236
Flower Blossom Pink#F27987242, 121, 135353°, 82%, 71%0, 50, 44, 571.8% 0.149 14
Pineapple Juice#F8E87B248, 232, 12352°, 90%, 73%0, 6, 50, 392.2% 0.131 101
Rockman Blue#31A2F249, 162, 242205°, 88%, 57%80, 33, 0, 568.8% 0.153 245
Cotton Candy Comet#FFC3CB255, 195, 203352°, 100%, 88%0, 24, 20, 087.3% 0.069 10

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 color schemes

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.