Hidden Valley Complementary Color Scheme
Five colors arranged by the complementary rule around Hidden Valley (#689938), each snapped to its nearest named color.
#689938
#93C96A
#69359C
#442266
#9966CC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Hidden Valley | #689938 | 104, 153, 56 | 90°, 46%, 41% | 32, 0, 63, 40 | |
| Apple Orchard | #93C96A | 147, 201, 106 | 94°, 47%, 60% | 27, 0, 47, 21 | |
| Purple Heart | #69359C | 105, 53, 156 | 270°, 49%, 41% | 33, 66, 0, 39 | |
| Fading Horizon | #442266 | 68, 34, 102 | 270°, 50%, 27% | 33, 67, 0, 60 | |
| Amethyst | #9966CC | 153, 102, 204 | 270°, 50%, 60% | 25, 50, 0, 20 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #93C96A on #442266 | 6.48:1 | AA |
| Aa #93C96A on #69359C | 4.17:1 | AA large |
| Aa #689938 on #442266 | 3.72:1 | AA large |
| Aa #442266 on #9966CC | 3.08:1 | AA large |
| Aa #689938 on #69359C | 2.39:1 | — |
| Aa #93C96A on #9966CC | 2.11:1 | — |
CSS variables
:root {
--color-1: #689938; /* Hidden Valley */
--color-2: #93c96a; /* Apple Orchard */
--color-3: #69359c; /* Purple Heart */
--color-4: #442266; /* Fading Horizon */
--color-5: #9966cc; /* Amethyst */
}Other schemes from Hidden Valley
- Hidden Valley Analogous Color Scheme#9A6C39#9B983D#689938#3A9234#359E6B
- Hidden Valley Triadic Color Scheme#689938#376698#95396A#93C96A#234162
- Hidden Valley Split-complementary Color Scheme#689938#333399#952E8F#526525#5A4FCF
- Hidden Valley Tetradic Color Scheme#689938#3B9C98#69359C#973A36#93C96A
- Hidden Valley Monochromatic Color Scheme#172713#526525#689938#87C95F#B2D58C
More Medium Green complementary palettes
- Acid Complementary Color Scheme#00FF22#4CFF7B#EE00DD#BB0099#FF66EE
- Acid Green Complementary Color Scheme#8FFE09#B9FF66#7F01FE#5500BB#B36FF6
- Alarming Slime Complementary Color Scheme#2CE335#7BE892#E03FD8#AA11AA#EE88EE
- Alien Abduction Complementary Color Scheme#0CFF0C#66FF66#FF09FF#BB00BB#FE6FFF
- Alienated Complementary Color Scheme#00CC55#20F986#CC0077#820747#FE28A2
- Aloe Vera Complementary Color Scheme#678779#8EBAA6#985672#673C4C#BA97A9
- Aromatic Herbs Complementary Color Scheme#98C945#BCDF8A#7442C8#472E97#B195E4
- Around the Gills Complementary Color Scheme#A1B670#C6D4AC#8773BB#5A4E8F#BFB9D5
- Artichoke Complementary Color Scheme#8F9779#BCC7A4#786DAA#534778#B2A7CC
- Arugula Complementary Color Scheme#75AD5B#ABCA99#8D5EB7#653D7C#C09DC8
- Asparagus Complementary Color Scheme#77AB56#A3C893#8D5EB7#653D7C#BB9ECD
- Atomic Lime Complementary Color Scheme#B9FF03#CBF85F#4400FF#3300AA#8866FF
Questions
What colors go with Hidden Valley?
In a complementary scheme: Apple Orchard (#93C96A), Purple Heart (#69359C), Fading Horizon (#442266), Amethyst (#9966CC).
What is the hex code of Hidden Valley?
#689938.