Basil Triadic Color Scheme
Five colors arranged by the triadic rule around Basil (#879F84), each snapped to its nearest named color.
#879F84
#757CAE
#AD747D
#BAD2B8
#4D5588
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Basil | #879F84 | 135, 159, 132 | 113°, 12%, 57% | 15, 0, 17, 38 | |
| Bright Zenith | #757CAE | 117, 124, 174 | 233°, 26%, 57% | 33, 29, 0, 32 | |
| French Marron | #AD747D | 173, 116, 125 | 351°, 26%, 57% | 0, 33, 28, 32 | |
| Eucalyptus Leaf | #BAD2B8 | 186, 210, 184 | 115°, 22%, 77% | 11, 0, 12, 18 | |
| Baby Whale | #4D5588 | 77, 85, 136 | 232°, 28%, 42% | 43, 38, 0, 47 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #BAD2B8 on #4D5588 | 4.38:1 | AA large |
| Aa #757CAE on #BAD2B8 | 2.48:1 | — |
| Aa #879F84 on #4D5588 | 2.47:1 | — |
| Aa #AD747D on #BAD2B8 | 2.33:1 | — |
| Aa #AD747D on #4D5588 | 1.88:1 | — |
| Aa #879F84 on #BAD2B8 | 1.78:1 | — |
CSS variables
:root {
--color-1: #879f84; /* Basil */
--color-2: #757cae; /* Bright Zenith */
--color-3: #ad747d; /* French Marron */
--color-4: #bad2b8; /* Eucalyptus Leaf */
--color-5: #4d5588; /* Baby Whale */
}Other schemes from Basil
- Basil Complementary Color Scheme#879F84#B3CDAC#A475B1#804B81#CCB8D2
- Basil Analogous Color Scheme#B0A676#99AF73#879F84#74AC8D#77ABAB
- Basil Split-complementary Color Scheme#879F84#9076AE#A97898#598556#B2A7CC
- Basil Tetradic Color Scheme#879F84#7A99AD#A475B1#AD8B75#BAD2B8
- Basil Monochromatic Color Scheme#394C3B#63775B#879F84#B3C1B1#DDE2D9
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 Basil?
In a triadic scheme: Bright Zenith (#757CAE), French Marron (#AD747D), Eucalyptus Leaf (#BAD2B8), Baby Whale (#4D5588).
What is the hex code of Basil?
#879F84.