Clouded Pine Triadic Color Scheme
Five colors arranged by the triadic rule around Clouded Pine (#628468), each snapped to its nearest named color.
#628468
#625C91
#906151
#8CBD97
#463F60
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Clouded Pine | #628468 | 98, 132, 104 | 131°, 15%, 45% | 26, 0, 21, 48 | |
| Colossus | #625C91 | 98, 92, 145 | 247°, 22%, 46% | 32, 37, 0, 43 | |
| Brown Thrush | #906151 | 144, 97, 81 | 15°, 28%, 44% | 0, 33, 44, 44 | |
| Garden Swing | #8CBD97 | 140, 189, 151 | 133°, 27%, 65% | 26, 0, 20, 26 | |
| Mulberry Mauve Black | #463F60 | 70, 63, 96 | 253°, 21%, 31% | 27, 34, 0, 62 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8CBD97 on #463F60 | 4.60:1 | AA |
| Aa #625C91 on #8CBD97 | 2.84:1 | — |
| Aa #906151 on #8CBD97 | 2.45:1 | — |
| Aa #628468 on #463F60 | 2.35:1 | — |
| Aa #628468 on #8CBD97 | 1.96:1 | — |
| Aa #906151 on #463F60 | 1.88:1 | — |
CSS variables
:root {
--color-1: #628468; /* Clouded Pine */
--color-2: #625c91; /* Colossus */
--color-3: #906151; /* Brown Thrush */
--color-4: #8cbd97; /* Garden Swing */
--color-5: #463f60; /* Mulberry Mauve Black */
}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 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 triadic palettes
- Acid Triadic Color Scheme#00FF22#2200FF#FF2200#73FA79#1100AA
- Acid Green Triadic Color Scheme#8FFE09#0096FF#FF0490#BEFD73#0B67BE
- Alarming Slime Triadic Color Scheme#2CE335#273BE2#E33928#90EE90#0018A8
- Alien Abduction Triadic Color Scheme#0CFF0C#0C06F7#FF0E0E#77FF77#0000BF
- Alienated Triadic Color Scheme#00CC55#510AC9#CC5500#2AF589#380282
- Aloe Vera Triadic Color Scheme#678779#7B5D92#987A5B#95BFB2#4B3F69
- Aromatic Herbs Triadic Color Scheme#98C945#4499CC#CC4499#C1E28A#296D93
- Around the Gills Triadic Color Scheme#A1B670#70A5B7#B26BA2#CDD6B1#4B7991
- Artichoke Triadic Color Scheme#8F9779#6797A2#A46A95#C1CFA9#486C7A
- Arugula Triadic Color Scheme#75AD5B#5776AF#AD5B78#A8D19E#39527D
- Asparagus Triadic Color Scheme#77AB56#5577AA#AD5B78#B2CC9A#39527D
- Atomic Lime Triadic Color Scheme#B9FF03#00BBFF#FF01B7#D4FB79#0081B5
Questions
What colors go with Clouded Pine?
In a triadic scheme: Colossus (#625C91), Brown Thrush (#906151), Garden Swing (#8CBD97), Mulberry Mauve Black (#463F60).
What is the hex code of Clouded Pine?
#628468.