Basil Smash Tetradic Color Scheme
Five colors arranged by the tetradic rule around Basil Smash (#B7E1A1), each snapped to its nearest named color.
#B7E1A1
#A1D8E0
#DDAAEE
#E3A9A2
#F1F9EC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Basil Smash | #B7E1A1 | 183, 225, 161 | 99°, 52%, 76% | 19, 0, 28, 12 | |
| Terrace Pool | #A1D8E0 | 161, 216, 224 | 188°, 50%, 75% | 28, 4, 0, 12 | |
| Petal Plush | #DDAAEE | 221, 170, 238 | 285°, 67%, 80% | 7, 29, 0, 7 | |
| Coral Fountain | #E3A9A2 | 227, 169, 162 | 6°, 54%, 76% | 0, 26, 29, 11 | |
| Refined Mint | #F1F9EC | 241, 249, 236 | 97°, 52%, 95% | 3, 0, 5, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E3A9A2 on #F1F9EC | 1.86:1 | — |
| Aa #DDAAEE on #F1F9EC | 1.76:1 | — |
| Aa #A1D8E0 on #F1F9EC | 1.45:1 | — |
| Aa #B7E1A1 on #E3A9A2 | 1.37:1 | — |
| Aa #B7E1A1 on #F1F9EC | 1.36:1 | — |
| Aa #B7E1A1 on #DDAAEE | 1.29:1 | — |
CSS variables
:root {
--color-1: #b7e1a1; /* Basil Smash */
--color-2: #a1d8e0; /* Terrace Pool */
--color-3: #ddaaee; /* Petal Plush */
--color-4: #e3a9a2; /* Coral Fountain */
--color-5: #f1f9ec; /* Refined Mint */
}Other schemes from Basil Smash
- Basil Smash Complementary Color Scheme#B7E1A1#EDF5E7#DDAAEE#AD66D2#F3E9F7
- Basil Smash Analogous Color Scheme#E3C9A1#D9E6A6#B7E1A1#A4E3B3#A8E3CC
- Basil Smash Triadic Color Scheme#B7E1A1#A3BAE3#E3A1B8#F1F9EC#6688CC
- Basil Smash Split-complementary Color Scheme#B7E1A1#ACACE6#E1A0CF#8DCE65#DBDBF7
- Basil Smash Monochromatic Color Scheme#66B032#8DCE65#B7E1A1#E2F7D9#F1F9EC
More Light Green tetradic palettes
- A State of Mint Tetradic Color Scheme#88FFCC#8E82FE#FF88BB#FFFF88#E6FDF1
- Bay Tetradic Color Scheme#B3E2D3#BCBDE4#E4B6C4#DAE2B2#ECF7F7
- Big Spender Tetradic Color Scheme#ACDDAF#ABC4DB#DDAADD#DCC7AD#EBF8EF
- Bok Choy Tetradic Color Scheme#BCCAB3#B0C9CD#C5AECF#CDB3AC#F0F4EB
- Botanist Tetradic Color Scheme#9AD28C#8DBBD1#C687D6#D6A48D#DAEED5
- Cabbage Tetradic Color Scheme#87D7BE#8A83DA#DD84A3#CDD78A#D2EFE6
- Camping Grounds Tetradic Color Scheme#B4C2A2#9EC6C6#AF9FCA#C59EA1#E4ECDF
- Celadon Tetradic Color Scheme#ACE1AF#ACC0E2#E6A8D7#E0CAAA#EBF8EF
- Celadon Porcelain Tetradic Color Scheme#7EBEA5#8C7EB9#BD7D94#B6BF7F#C6E3D3
- Celery Mousse Tetradic Color Scheme#C1FD95#9CFAFF#CC99FF#FB9F93#F1FDE9
- Copper Patina Tetradic Color Scheme#9DB4A0#92A2BB#BF90BB#BEAF93#D4E3D7
- Creamy Avocado Tetradic Color Scheme#D8F19C#99EEEE#B195E4#F29EAB#F6FCEB
Questions
What colors go with Basil Smash?
In a tetradic scheme: Terrace Pool (#A1D8E0), Petal Plush (#DDAAEE), Coral Fountain (#E3A9A2), Refined Mint (#F1F9EC).
What is the hex code of Basil Smash?
#B7E1A1.