Nevermind Nirvana Complementary Color Scheme
Five colors arranged by the complementary rule around Nevermind Nirvana (#7BC8F6), each snapped to its nearest named color.
#7BC8F6
#D0EEFB
#F8A77F
#EE7733
#FCE6DB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Nevermind Nirvana | #7BC8F6 | 123, 200, 246 | 202°, 87%, 72% | 50, 19, 0, 4 | |
| Blue Hijab | #D0EEFB | 208, 238, 251 | 198°, 84%, 90% | 17, 5, 0, 2 | |
| Sunset Peach | #F8A77F | 248, 167, 127 | 20°, 90%, 74% | 0, 33, 49, 3 | |
| Orange Crush | #EE7733 | 238, 119, 51 | 22°, 85%, 57% | 0, 50, 79, 7 | |
| Slightly in Love | #FCE6DB | 252, 230, 219 | 20°, 85%, 92% | 0, 9, 13, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EE7733 on #FCE6DB | 2.39:1 | — |
| Aa #D0EEFB on #EE7733 | 2.36:1 | — |
| Aa #F8A77F on #FCE6DB | 1.61:1 | — |
| Aa #D0EEFB on #F8A77F | 1.60:1 | — |
| Aa #7BC8F6 on #EE7733 | 1.56:1 | — |
| Aa #7BC8F6 on #FCE6DB | 1.53:1 | — |
CSS variables
:root {
--color-1: #7bc8f6; /* Nevermind Nirvana */
--color-2: #d0eefb; /* Blue Hijab */
--color-3: #f8a77f; /* Sunset Peach */
--color-4: #ee7733; /* Orange Crush */
--color-5: #fce6db; /* Slightly in Love */
}Other schemes from Nevermind Nirvana
- Nevermind Nirvana Analogous Color Scheme#7AF9AB#77EEEE#7BC8F6#7A81FF#A675FE
- Nevermind Nirvana Triadic Color Scheme#7BC8F6#FF6EC7#C2F177#DDEEFF#E936A7
- Nevermind Nirvana Split-complementary Color Scheme#7BC8F6#F27987#F8E87B#31A2F2#FFC3CB
- Nevermind Nirvana Tetradic Color Scheme#7BC8F6#EE77FF#F8A77F#8CFD7E#DDEEFF
- Nevermind Nirvana Monochromatic Color Scheme#0E87CC#31A2F2#7BC8F6#C5E6F7#E8F5FC
More Light Blue complementary palettes
- Acapulco Dive Complementary Color Scheme#65A7DD#ABD0EA#DD9966#C56F2B#EDD2B7
- Adrift on the Nile Complementary Color Scheme#93B8E3#DBE9F4#E6BF95#D19957#F9EFE4
- Airborne Complementary Color Scheme#A2C2D0#DFEBEE#CEADA3#B8866E#F2EBE6
- Arcane Brew Complementary Color Scheme#5260E1#A3B1F2#E2CD52#C0AD28#EEE8AA
- Arctic Ice Complementary Color Scheme#B6BDD0#EBEEF3#D2CBB4#B8A983#F6F4EF
- Azureno Complementary Color Scheme#8FA0D5#D2DAED#D3C190#C0A85A#F1EBD9
- Below Zero Complementary Color Scheme#87CDED#D5EDFB#EDAA86#E27945#FBE8E0
- Birdie Num Num Complementary Color Scheme#89ACDA#CFDFEF#DCB68A#CC9350#F1E6D6
- Blank Stare Complementary Color Scheme#8B9CAC#BECBD7#B49C83#927558#D9CDC3
- Blue Bay Complementary Color Scheme#619AD6#ABCAEA#D79E62#BB7731#ECD0B1
- Blue Haze Complementary Color Scheme#BDBACE#F3F1F3#CFD2B5#B1B787#F4F4F0
- Blue Jay Complementary Color Scheme#5588DD#A3BAE3#DDAA55#BF852B#ECD5AA
Questions
What colors go with Nevermind Nirvana?
In a complementary scheme: Blue Hijab (#D0EEFB), Sunset Peach (#F8A77F), Orange Crush (#EE7733), Slightly in Love (#FCE6DB).
What is the hex code of Nevermind Nirvana?
#7BC8F6.