Nettle Triadic Color Scheme
Five colors arranged by the triadic rule around Nettle (#BBAC7D), each snapped to its nearest named color.
#BBAC7D
#7CBBAE
#AB7CB4
#DFD6C1
#549B8C
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Nettle | #BBAC7D | 187, 172, 125 | 45°, 31%, 61% | 0, 8, 33, 27 | |
| Mintnight | #7CBBAE | 124, 187, 174 | 168°, 32%, 61% | 34, 0, 7, 27 | |
| Berries Galore | #AB7CB4 | 171, 124, 180 | 290°, 27%, 60% | 5, 31, 0, 29 | |
| Rococo Beige | #DFD6C1 | 223, 214, 193 | 42°, 32%, 82% | 0, 4, 13, 13 | |
| Petrol Green | #549B8C | 84, 155, 140 | 167°, 30%, 47% | 46, 0, 10, 39 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #AB7CB4 on #DFD6C1 | 2.32:1 | — |
| Aa #DFD6C1 on #549B8C | 2.25:1 | — |
| Aa #BBAC7D on #DFD6C1 | 1.56:1 | — |
| Aa #7CBBAE on #AB7CB4 | 1.53:1 | — |
| Aa #7CBBAE on #DFD6C1 | 1.52:1 | — |
| Aa #7CBBAE on #549B8C | 1.49:1 | — |
CSS variables
:root {
--color-1: #bbac7d; /* Nettle */
--color-2: #7cbbae; /* Mintnight */
--color-3: #ab7cb4; /* Berries Galore */
--color-4: #dfd6c1; /* Rococo Beige */
--color-5: #549b8c; /* Petrol Green */
}Other schemes from Nettle
- Nettle Complementary Color Scheme#BBAC7D#DBD1B9#7F8CB8#4E6594#C2C7DB
- Nettle Analogous Color Scheme#BD7F8A#B98C7B#BBAC7D#ACB977#8ABD7B
- Nettle Split-complementary Color Scheme#BBAC7D#7CAFB9#8C7EB9#9C8A52#ACCAD5
- Nettle Tetradic Color Scheme#BBAC7D#7CB68E#7F8CB8#B97DA8#DFD6C1
- Nettle Monochromatic Color Scheme#695C39#9C8A52#BBAC7D#D7CAB0#EFECE1
More Light Yellow triadic palettes
- Alligator Alley Triadic Color Scheme#C5D17B#76C4D1#CC77CC#E9EAC8#53B1BA
- Ancient Treasure Triadic Color Scheme#E7D082#87E0CF#CB82E3#F8F0D8#55CCBB
- Animal Kingdom Triadic Color Scheme#BCC09E#9BBCC3#CC99BB#E9EADB#6C9DA9
- Anna Banana Triadic Color Scheme#F5D547#4EFFCD#D94FF5#FBE8A8#0AE9B4
- April Showers Triadic Color Scheme#DADEB5#B7DADD#DEB7D9#F6F7ED#85C1C4
- Ash Triadic Color Scheme#BEBAA7#9CC2BF#BB9ECA#EDE9DF#72A49F
- Aurora Triadic Color Scheme#EBD147#40E0D0#DC41F1#F4E7A5#11CCBB
- Banana Triadic Color Scheme#FFFC79#73FDFF#FF77FF#FFFEDF#33FFFF
- Banana Drama Triadic Color Scheme#F1D548#4EFFCD#D94FF5#FBE8A8#04D8B2
- Banana Frappé Triadic Color Scheme#DDD5B6#B4DCD3#CEBADA#F7F5ED#81C3B4
- Beekeeper Triadic Color Scheme#F6E491#89F5E3#EE99EE#FFF9E7#4EFFCD
- Beige Triadic Color Scheme#E6DAA6#A0E5D9#DDAAEE#FAF7EB#66D0C0
Questions
What colors go with Nettle?
In a triadic scheme: Mintnight (#7CBBAE), Berries Galore (#AB7CB4), Rococo Beige (#DFD6C1), Petrol Green (#549B8C).
What is the hex code of Nettle?
#BBAC7D.