Sweet Mint Pesto Triadic Color Scheme
Five colors arranged by the triadic rule around Sweet Mint Pesto (#BBEE99), each snapped to its nearest named color.
#BBEE99
#93BDE7
#F19CBB
#F1FAEA
#5B92E5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Sweet Mint Pesto | #BBEE99 | 187, 238, 153 | 96°, 71%, 77% | 21, 0, 36, 7 | 89.4% 0.123 134 | |
| Blue Shutters | #93BDE7 | 147, 189, 231 | 210°, 64%, 74% | 36, 18, 0, 9 | 78.3% 0.075 249 | |
| Amaranth Pink | #F19CBB | 241, 156, 187 | 338°, 75%, 78% | 0, 35, 22, 5 | 78.6% 0.108 356 | |
| White Sulphur | #F1FAEA | 241, 250, 234 | 94°, 62%, 95% | 4, 0, 6, 2 | 97.4% 0.023 131 | |
| United Nations Blue | #5B92E5 | 91, 146, 229 | 216°, 73%, 63% | 60, 36, 0, 10 | 65.9% 0.137 258 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F1FAEA on #5B92E5 | 2.93:1 | — |
| Aa #BBEE99 on #5B92E5 | 2.36:1 | — |
| Aa #F19CBB on #F1FAEA | 1.92:1 | — |
| Aa #93BDE7 on #F1FAEA | 1.84:1 | — |
| Aa #93BDE7 on #5B92E5 | 1.60:1 | — |
| Aa #BBEE99 on #F19CBB | 1.55:1 | — |
CSS variables
:root {
--color-1: #bbee99; /* Sweet Mint Pesto */
--color-2: #93bde7; /* Blue Shutters */
--color-3: #f19cbb; /* Amaranth Pink */
--color-4: #f1faea; /* White Sulphur */
--color-5: #5b92e5; /* United Nations Blue */
}Other schemes from Sweet Mint Pesto
- Sweet Mint Pesto Complementary Color Scheme#BBEE99#F1FAEA#CC99EE#A552E6#F3E9F7
- Sweet Mint Pesto Analogous Color Scheme#EECC99#E5E999#BBEE99#99EEAA#9BEEC1
- Sweet Mint Pesto Split-complementary Color Scheme#BBEE99#A899E6#EE99EE#80E45F#DBDBF7
- Sweet Mint Pesto Tetradic Color Scheme#BBEE99#99EEEE#CC99EE#EFA498#F1FAEA
- Sweet Mint Pesto Monochromatic Color Scheme#66CC22#80E45F#BBEE99#E2F7D9#F1FAEA
More light green triadic color schemes
- A State of Mint Triadic Color Scheme#88FFCC#CC88FF#FFCC88#E6FDF1#BF3CFF
- Basil Smash Triadic Color Scheme#B7E1A1#A3BAE3#E3A1B8#F1F9EC#6688CC
- Bay Triadic Color Scheme#B3E2D3#D6B7E2#E1D4B4#ECF7F7#A87DC2
- Big Spender Triadic Color Scheme#ACDDAF#B6ADD8#DDADAF#EBF8EF#7777CC
- Bok Choy Triadic Color Scheme#BCCAB3#AEBBD0#CEAEBB#F0F4EB#7C94B2
- Botanist Triadic Color Scheme#9AD28C#8B98D8#CF8D9A#DAEED5#556CB5
- Cabbage Triadic Color Scheme#87D7BE#B790D4#D8BE89#D2EFE6#9955CC
- Camping Grounds Triadic Color Scheme#B4C2A2#9FB6C6#C19FB3#E4ECDF#6B8CA9
- Celadon Triadic Color Scheme#ACE1AF#ACACE6#E6B0AF#EBF8EF#7777CC
- Celadon Porcelain Triadic Color Scheme#7EBEA5#AB7CB4#BEA77D#C6E3D3#84549B
- Celery Mousse Triadic Color Scheme#C1FD95#99CCFF#F49AC2#F1FDE9#5097FC
- Copper Patina Triadic Color Scheme#9DB4A0#9791BC#BD9D95#D4E3D7#6F63A0
Questions
What colors go with Sweet Mint Pesto?
In a triadic scheme: Blue Shutters (#93BDE7), Amaranth Pink (#F19CBB), White Sulphur (#F1FAEA), United Nations Blue (#5B92E5).
What is the hex code of Sweet Mint Pesto?
#BBEE99.