Salted Caramel Popcorn Complementary Color Scheme
Five colors arranged by the complementary rule around Salted Caramel Popcorn (#FDB251), each snapped to its nearest named color.
#FDB251
#FFD9AA
#5599FF
#0070FF
#B1D1FC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Salted Caramel Popcorn | #FDB251 | 253, 178, 81 | 34°, 98%, 65% | 0, 30, 68, 1 | |
| Peach Cider | #FFD9AA | 255, 217, 170 | 33°, 100%, 83% | 0, 15, 33, 0 | |
| Blue Chaos | #5599FF | 85, 153, 255 | 216°, 100%, 67% | 67, 40, 0, 0 | |
| Brandeis Blue | #0070FF | 0, 112, 255 | 214°, 100%, 50% | 100, 56, 0, 0 | |
| Ice Cold Stare | #B1D1FC | 177, 209, 252 | 214°, 93%, 84% | 30, 17, 0, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FFD9AA on #0070FF | 3.31:1 | AA large |
| Aa #0070FF on #B1D1FC | 2.81:1 | — |
| Aa #FDB251 on #0070FF | 2.45:1 | — |
| Aa #FFD9AA on #5599FF | 2.13:1 | — |
| Aa #5599FF on #B1D1FC | 1.81:1 | — |
| Aa #FDB251 on #5599FF | 1.58:1 | — |
CSS variables
:root {
--color-1: #fdb251; /* Salted Caramel Popcorn */
--color-2: #ffd9aa; /* Peach Cider */
--color-3: #5599ff; /* Blue Chaos */
--color-4: #0070ff; /* Brandeis Blue */
--color-5: #b1d1fc; /* Ice Cold Stare */
}Other schemes from Salted Caramel Popcorn
- Salted Caramel Popcorn Analogous Color Scheme#FF5599#FC5A50#FDB251#F7FB4E#9CEF43
- Salted Caramel Popcorn Triadic Color Scheme#FDB251#55FFAA#AA55FF#FDDFB8#00FA92
- Salted Caramel Popcorn Split-complementary Color Scheme#FDB251#53F6FF#5555FF#FF9408#9CFAFF
- Salted Caramel Popcorn Tetradic Color Scheme#FDB251#53FE5C#5599FF#FF55EE#FDDFB8
- Salted Caramel Popcorn Monochromatic Color Scheme#B26400#FF9408#FDB251#FFD29D#FFF5E7
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 Salted Caramel Popcorn?
In a complementary scheme: Peach Cider (#FFD9AA), Blue Chaos (#5599FF), Brandeis Blue (#0070FF), Ice Cold Stare (#B1D1FC).
What is the hex code of Salted Caramel Popcorn?
#FDB251.