Nectar Jackpot Complementary Color Scheme
Five colors arranged by the complementary rule around Nectar Jackpot (#F0D38F), each snapped to its nearest named color.
#F0D38F
#FAF4E0
#8AADF7
#5577EE
#E8EEFE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Nectar Jackpot | #F0D38F | 240, 211, 143 | 42°, 76%, 75% | 0, 12, 40, 6 | |
| God-Given | #FAF4E0 | 250, 244, 224 | 46°, 72%, 93% | 0, 2, 10, 2 | |
| Kitten’s Eye | #8AADF7 | 138, 173, 247 | 221°, 87%, 75% | 44, 30, 0, 3 | |
| Blue Öyster Cult | #5577EE | 85, 119, 238 | 227°, 82%, 63% | 64, 50, 0, 7 | |
| Brilliant White | #E8EEFE | 232, 238, 254 | 224°, 92%, 95% | 9, 6, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FAF4E0 on #5577EE | 3.63:1 | AA large |
| Aa #5577EE on #E8EEFE | 3.44:1 | AA large |
| Aa #F0D38F on #5577EE | 2.74:1 | — |
| Aa #FAF4E0 on #8AADF7 | 2.03:1 | — |
| Aa #8AADF7 on #E8EEFE | 1.92:1 | — |
| Aa #8AADF7 on #5577EE | 1.79:1 | — |
CSS variables
:root {
--color-1: #f0d38f; /* Nectar Jackpot */
--color-2: #faf4e0; /* God-Given */
--color-3: #8aadf7; /* Kitten’s Eye */
--color-4: #5577ee; /* Blue Öyster Cult */
--color-5: #e8eefe; /* Brilliant White */
}Other schemes from Nectar Jackpot
- Nectar Jackpot Analogous Color Scheme#F091A9#F2A28C#F0D38F#D8F19C#BBEE88
- Nectar Jackpot Triadic Color Scheme#F0D38F#84FBCE#D891EF#FAF6E9#55FFAA
- Nectar Jackpot Split-complementary Color Scheme#F0D38F#88DDEE#A899E6#E8BC50#D4F1F9
- Nectar Jackpot Tetradic Color Scheme#F0D38F#99EEAA#8AADF7#F092D6#FAF6E9
- Nectar Jackpot Monochromatic Color Scheme#CB9711#E8BC50#F0D38F#F8EED3#FAF6E9
More Light Orange complementary palettes
- 24 Karat Complementary Color Scheme#DFC685#F1E8CE#8B98D8#446CCF#D2DEF2
- 3AM Latte Complementary Color Scheme#C0A98E#E0D6C8#8FA6C1#5A7AA2#CDD7E6
- Ancestral Gold Complementary Color Scheme#DDCDA6#F6F2E8#A6BADF#7487C6#EDF2F8
- Angry Pasta Complementary Color Scheme#FFCC55#FFE9B1#5588FF#0652FF#B1D1FC
- Anise Biscotti Complementary Color Scheme#E5D5AE#F7F5EC#ADBAE3#7391CC#EDF2F8
- Another One Bites the Dust Complementary Color Scheme#C7BBA4#EAE6DC#A5B2C7#7886AA#E2E6EF
- Apricot Complementary Color Scheme#FFB16D#FEE2C8#75BBFD#2196F3#D4EAFF
- Apricotta Complementary Color Scheme#D8A48F#EFDCD3#8CC1D6#54A6C2#DCECF5
- Artisans Gold Complementary Color Scheme#F2AB46#F9D09C#4488EE#0066DD#AACCFF
- Ashes to Ashes Complementary Color Scheme#BBB3A2#E4E0D4#9EA5C3#6B7BA7#DBDFE9
- Atomic Tangerine Complementary Color Scheme#FF9966#FED8C2#66CCFF#16B8F3#D0EEFB
- Attic Linen Complementary Color Scheme#CCBCA9#EDE9E4#AABBCC#7792AF#E9EDF1
Questions
What colors go with Nectar Jackpot?
In a complementary scheme: God-Given (#FAF4E0), Kitten’s Eye (#8AADF7), Blue Öyster Cult (#5577EE), Brilliant White (#E8EEFE).
What is the hex code of Nectar Jackpot?
#F0D38F.