Pickled Complementary Color Scheme
Five colors arranged by the complementary rule around Pickled (#B3A74B), each snapped to its nearest named color.
#B3A74B
#CFC88F
#4D5AAF
#363E7D
#939DCC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Pickled | #B3A74B | 179, 167, 75 | 53°, 41%, 50% | 0, 7, 58, 30 | |
| Dusty Yellow | #CFC88F | 207, 200, 143 | 53°, 40%, 69% | 0, 3, 31, 19 | |
| Chinese Bellflower | #4D5AAF | 77, 90, 175 | 232°, 39%, 49% | 56, 49, 0, 31 | |
| Evening Magic | #363E7D | 54, 62, 125 | 233°, 40%, 35% | 57, 50, 0, 51 | |
| Velvet Robe | #939DCC | 147, 157, 204 | 229°, 36%, 69% | 28, 23, 0, 20 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CFC88F on #363E7D | 5.75:1 | AA |
| Aa #B3A74B on #363E7D | 3.99:1 | AA large |
| Aa #363E7D on #939DCC | 3.70:1 | AA large |
| Aa #CFC88F on #4D5AAF | 3.62:1 | AA large |
| Aa #B3A74B on #4D5AAF | 2.52:1 | — |
| Aa #4D5AAF on #939DCC | 2.34:1 | — |
CSS variables
:root {
--color-1: #b3a74b; /* Pickled */
--color-2: #cfc88f; /* Dusty Yellow */
--color-3: #4d5aaf; /* Chinese Bellflower */
--color-4: #363e7d; /* Evening Magic */
--color-5: #939dcc; /* Velvet Robe */
}Other schemes from Pickled
- Pickled Analogous Color Scheme#B2485B#B0724A#B3A74B#87B550#5DAC51
- Pickled Triadic Color Scheme#B3A74B#49B3A5#A152BD#D4C990#377B70
- Pickled Split-complementary Color Scheme#B3A74B#4B8EB0#7851A9#767437#82ACC4
- Pickled Tetradic Color Scheme#B3A74B#4AAC72#4D5AAF#AD4D8C#D4C990
- Pickled Monochromatic Color Scheme#444411#767437#B3A74B#D0C383#E3DBB7
More Medium Yellow complementary palettes
- A Frond in Need Complementary Color Scheme#9F9978#C8C5A7#6B7BA7#4D517F#ACB1D4
- Amazon Queen Complementary Color Scheme#948F54#BBB98A#575B93#353E64#9291BC
- Angel’s Trumpet Complementary Color Scheme#F6DD34#FBE98E#3844F4#0022CC#99AAFF
- Antique Complementary Color Scheme#8B846D#BEB394#5A6E9C#414969#9EA5C3
- Backroom Ember Complementary Color Scheme#A19250#C6B788#5959AB#384172#8E97C7
- Bamboo Forest Complementary Color Scheme#B1A979#D4CFB2#7A85AF#51588E#B7BDD6
- Banana Bandanna Complementary Color Scheme#F8F739#FDFD96#3A2EFE#0011DD#9999FF
- Banana Bombshell Complementary Color Scheme#F7E82E#FFEE88#3A2EFE#0011CC#8F99FB
- Banana Brick Complementary Color Scheme#E8D82C#F2E47D#273BE2#0022BB#8B88F8
- Banana Flash Complementary Color Scheme#EEFE02#FAFC5D#1600FC#1100AA#6666FF
- Banana King Complementary Color Scheme#FFFB08#FEFE66#0011FF#0000BB#7777FF
- Banana Pepper Complementary Color Scheme#FDD630#FFE989#265EF7#0033DD#99AAFF
Questions
What colors go with Pickled?
In a complementary scheme: Dusty Yellow (#CFC88F), Chinese Bellflower (#4D5AAF), Evening Magic (#363E7D), Velvet Robe (#939DCC).
What is the hex code of Pickled?
#B3A74B.