Clouded Pine Tetradic Color Scheme
Five colors arranged by the tetradic rule around Clouded Pine (#628468), each snapped to its nearest named color.
#628468
#576D8E
#905284
#937B56
#8CBD97
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Clouded Pine | #628468 | 98, 132, 104 | 131°, 15%, 45% | 26, 0, 21, 48 | |
| Kashmir Blue | #576D8E | 87, 109, 142 | 216°, 24%, 45% | 39, 23, 0, 44 | |
| Grape Candy | #905284 | 144, 82, 132 | 312°, 27%, 44% | 0, 43, 8, 44 | |
| Tweed | #937B56 | 147, 123, 86 | 36°, 26%, 46% | 0, 16, 41, 42 | |
| Garden Swing | #8CBD97 | 140, 189, 151 | 133°, 27%, 65% | 26, 0, 20, 26 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #905284 on #8CBD97 | 2.64:1 | — |
| Aa #576D8E on #8CBD97 | 2.47:1 | — |
| Aa #628468 on #8CBD97 | 1.96:1 | — |
| Aa #937B56 on #8CBD97 | 1.89:1 | — |
| Aa #905284 on #937B56 | 1.40:1 | — |
| Aa #628468 on #905284 | 1.35:1 | — |
CSS variables
:root {
--color-1: #628468; /* Clouded Pine */
--color-2: #576d8e; /* Kashmir Blue */
--color-3: #905284; /* Grape Candy */
--color-4: #937b56; /* Tweed */
--color-5: #8cbd97; /* Garden Swing */
}Other schemes from Clouded Pine
- Clouded Pine Complementary Color Scheme#628468#88BB95#905284#613A57#BF91B2
- 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 Monochromatic Color Scheme#232E26#465945#628468#8CA891#B6C9B8
More Medium Green tetradic palettes
- Acid Tetradic Color Scheme#00FF22#0058F8#EE00DD#FFA300#73FA79
- Acid Green Tetradic Color Scheme#8FFE09#11FFEE#7F01FE#FE0215#BEFD73
- Alarming Slime Tetradic Color Scheme#2CE335#247AFD#E03FD8#E69332#90EE90
- Alien Abduction Tetradic Color Scheme#0CFF0C#0084FF#FF09FF#FF8812#77FF77
- Alienated Tetradic Color Scheme#00CC55#0011CC#CC0077#D6BE01#2AF589
- Aloe Vera Tetradic Color Scheme#678779#5E5896#985672#95945C#95BFB2
- Aromatic Herbs Tetradic Color Scheme#98C945#48C2B0#7442C8#CE4458#C1E28A
- Around the Gills Tetradic Color Scheme#A1B670#6FB7A8#8773BB#B7737D#CDD6B1
- Artichoke Tetradic Color Scheme#8F9779#68A895#786DAA#A66E7A#C1CFA9
- Arugula Tetradic Color Scheme#75AD5B#579DAB#8D5EB7#AF6C5D#A8D19E
- Asparagus Tetradic Color Scheme#77AB56#5CA0A7#8D5EB7#AE5F55#B2CC9A
- Atomic Lime Tetradic Color Scheme#B9FF03#00FFCC#4400FF#FE023C#D4FB79
Questions
What colors go with Clouded Pine?
In a tetradic scheme: Kashmir Blue (#576D8E), Grape Candy (#905284), Tweed (#937B56), Garden Swing (#8CBD97).
What is the hex code of Clouded Pine?
#628468.