Lavender Triadic Color Scheme
Five colors arranged by the triadic rule around Lavender (#B56EDC), each snapped to its nearest named color.
#B56EDC
#DAB46F
#71DCB8
#D5C7E8
#CF9632
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Lavender | #B56EDC | 181, 110, 220 | 279°, 61%, 65% | 18, 50, 0, 14 | |
| Yellow Lab | #DAB46F | 218, 180, 111 | 39°, 59%, 65% | 0, 17, 49, 15 | |
| Beryl | #71DCB8 | 113, 220, 184 | 160°, 60%, 65% | 49, 0, 16, 14 | |
| Foggy Love | #D5C7E8 | 213, 199, 232 | 265°, 42%, 85% | 8, 14, 0, 9 | |
| Golden Pheasant | #CF9632 | 207, 150, 50 | 38°, 62%, 50% | 0, 28, 76, 19 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B56EDC on #D5C7E8 | 2.11:1 | — |
| Aa #B56EDC on #71DCB8 | 2.03:1 | — |
| Aa #B56EDC on #DAB46F | 1.72:1 | — |
| Aa #D5C7E8 on #CF9632 | 1.63:1 | — |
| Aa #71DCB8 on #CF9632 | 1.57:1 | — |
| Aa #DAB46F on #CF9632 | 1.33:1 | — |
CSS variables
:root {
--color-1: #b56edc; /* Lavender */
--color-2: #dab46f; /* Yellow Lab */
--color-3: #71dcb8; /* Beryl */
--color-4: #d5c7e8; /* Foggy Love */
--color-5: #cf9632; /* Golden Pheasant */
}Other schemes from Lavender
- Lavender Complementary Color Scheme#B56EDC#DEBEEF#9CD572#6ECB3C#D0F0C0
- Lavender Analogous Color Scheme#6495DA#6F6ED1#B56EDC#DA70D6#DB7093
- Lavender Split-complementary Color Scheme#B56EDC#C7DC68#77DD77#9632CE#E3EBAE
- Lavender Tetradic Color Scheme#B56EDC#D77E70#9CD572#73CCD8#D5C7E8
- Lavender Monochromatic Color Scheme#662288#9632CE#B56EDC#DDAAEE#F3E9F7
More Light Purple triadic palettes
- Amethyst Triadic Color Scheme#9966CC#CF9C63#65CE95#CCBBE3#AC7435
- Bubblegum Baby Girl Triadic Color Scheme#CC55EE#EECC55#45E9C1#E9AEF2#E2B31B
- Dream Vapour Triadic Color Scheme#CC99EE#EECC99#9BEEC1#F3E9F7#E3AB57
- Dreamy Candy Forest Triadic Color Scheme#B195E4#E4B095#99E6B3#EEE9F9#D68755
- Enchanted Lavender Triadic Color Scheme#BFA3D9#DABFA4#A2D4BD#F3E9F7#C19A6C
- Enchanted Lilac Triadic Color Scheme#A893C1#C1AA91#8DC2A8#DBD5E6#A38061
- Fake Love Triadic Color Scheme#CC77EE#EECC77#7EF4CC#EECFFE#E3B130
- Flaming Flamingo Triadic Color Scheme#DD55FF#FFDD55#4EFFCD#F4BBFF#FFCF09
- Flamingo Queen Triadic Color Scheme#CC33FF#FFCC33#32FFDC#EE99FF#E1AD01
- Fleur-De-Lis Triadic Color Scheme#B090C7#C5AF91#90C4B4#E0D5E9#AE8C5C
- Fog Syringa Triadic Color Scheme#C4BAD2#D6C3B9#B6D3C5#F3F1F3#BA9E88
- Illicit Purple Triadic Color Scheme#BF77F6#F4BF77#77EEBB#EEDDFF#EE9933
Questions
What colors go with Lavender?
In a triadic scheme: Yellow Lab (#DAB46F), Beryl (#71DCB8), Foggy Love (#D5C7E8), Golden Pheasant (#CF9632).
What is the hex code of Lavender?
#B56EDC.