Clouded Pine Complementary Color Scheme
Five colors arranged by the complementary rule around Clouded Pine (#628468), each snapped to its nearest named color.
#628468
#88BB95
#905284
#613A57
#BF91B2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Clouded Pine | #628468 | 98, 132, 104 | 131°, 15%, 45% | 26, 0, 21, 48 | |
| Forest Frolic | #88BB95 | 136, 187, 149 | 135°, 27%, 63% | 27, 0, 20, 27 | |
| Grape Candy | #905284 | 144, 82, 132 | 312°, 27%, 44% | 0, 43, 8, 44 | |
| Precious Jewels | #613A57 | 97, 58, 87 | 315°, 25%, 30% | 0, 40, 10, 62 | |
| Mauve Magic | #BF91B2 | 191, 145, 178 | 317°, 26%, 66% | 0, 24, 7, 25 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #88BB95 on #613A57 | 4.26:1 | AA large |
| Aa #613A57 on #BF91B2 | 3.51:1 | AA large |
| Aa #88BB95 on #905284 | 2.57:1 | — |
| Aa #628468 on #613A57 | 2.23:1 | — |
| Aa #905284 on #BF91B2 | 2.12:1 | — |
| Aa #628468 on #88BB95 | 1.91:1 | — |
CSS variables
:root {
--color-1: #628468; /* Clouded Pine */
--color-2: #88bb95; /* Forest Frolic */
--color-3: #905284; /* Grape Candy */
--color-4: #613a57; /* Precious Jewels */
--color-5: #bf91b2; /* Mauve Magic */
}Other schemes from Clouded Pine
- Clouded Pine Analogous Color Scheme#898E58#69905B#628468#54927E#598A8F
- Clouded Pine Triadic Color Scheme#628468#625C91#906151#8CBD97#463F60
- Clouded Pine Split-complementary Color Scheme#628468#775496#8E5565#336644#A780B2
- Clouded Pine Tetradic Color Scheme#628468#576D8E#905284#937B56#8CBD97
- Clouded Pine Monochromatic Color Scheme#232E26#465945#628468#8CA891#B6C9B8
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 Clouded Pine?
In a complementary scheme: Forest Frolic (#88BB95), Grape Candy (#905284), Precious Jewels (#613A57), Mauve Magic (#BF91B2).
What is the hex code of Clouded Pine?
#628468.