Lavender (CSS) Tetradic Color Scheme
Five colors arranged by the tetradic rule around Lavender (CSS) (#E6E6FA), each snapped to its nearest named color.
#E6E6FA
#FFE6F1
#FBF9E8
#E6F9F1
#EEE9F9
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Lavender (CSS) | #E6E6FA | 230, 230, 250 | 240°, 67%, 94% | 8, 8, 0, 2 | 93.1% 0.027 286 | |
| Cherubic | #FFE6F1 | 255, 230, 241 | 334°, 100%, 95% | 0, 10, 5, 0 | 94.8% 0.031 349 | |
| Elderflower | #FBF9E8 | 251, 249, 232 | 54°, 70%, 95% | 0, 1, 8, 2 | 97.9% 0.022 101 | |
| Soft Mint | #E6F9F1 | 230, 249, 241 | 155°, 61%, 94% | 8, 0, 3, 2 | 96.6% 0.023 169 | |
| Bright Dusk | #EEE9F9 | 238, 233, 249 | 259°, 57%, 95% | 4, 6, 0, 2 | 94.3% 0.022 300 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E6E6FA on #FBF9E8 | 1.16:1 | — |
| Aa #E6E6FA on #E6F9F1 | 1.12:1 | — |
| Aa #FBF9E8 on #EEE9F9 | 1.12:1 | — |
| Aa #FFE6F1 on #FBF9E8 | 1.11:1 | — |
| Aa #E6F9F1 on #EEE9F9 | 1.09:1 | — |
| Aa #FFE6F1 on #E6F9F1 | 1.08:1 | — |
CSS variables
:root {
--color-1: #e6e6fa; /* Lavender (CSS) */
--color-2: #ffe6f1; /* Cherubic */
--color-3: #fbf9e8; /* Elderflower */
--color-4: #e6f9f1; /* Soft Mint */
--color-5: #eee9f9; /* Bright Dusk */
}Other schemes from Lavender (CSS)
- Lavender (CSS) Complementary Color Scheme#E6E6FA#EEE9F9#FBF9E8#EBECA7#FCFBEB
- Lavender (CSS) Analogous Color Scheme#E7FAFA#E7EFFB#E6E6FA#EEE9F9#F6E5F6
- Lavender (CSS) Triadic Color Scheme#E6E6FA#FAE6E5#E4F7E7#EEE9F9#F1AAA8
- Lavender (CSS) Split-complementary Color Scheme#E6E6FA#FAF0E6#F3F9E9#ACACE6#F8F1EB
- Lavender (CSS) Monochromatic Color Scheme#6D68ED#ACACE6#E6E6FA#EEE9F9#EEE9F9
More very light blue tetradic color schemes
- A Dime a Dozen Tetradic Color Scheme#D3DDE4#E4D4E2#E4DAD3#D6E4D4#EEF2F3
- Andromeda Blue Tetradic Color Scheme#ABCDEE#EEAAEE#EECCAA#AAEEAA#EAF4FC
- Après-Ski Tetradic Color Scheme#CED5E4#E7CEE3#E4DDCE#D2E6D3#EDF2F8
- Ariel Tetradic Color Scheme#AED7EA#DDAAEE#E9C2AD#BAEBAE#EBF4FC
- Baby Blue Tetradic Color Scheme#A2CFFE#FFAAFF#FDD1A4#AAFFAA#E8F5FC
- Bird Bath Blue Tetradic Color Scheme#CDDFE7#E6CEE6#E6D6CD#CFE7CB#F0F4F8
- Blue Silk Tetradic Color Scheme#D0DCE8#E7CFE8#E7DCCF#D2E6D3#EDF2F8
- Breaking the Ice Tetradic Color Scheme#B8E4F5#EEBBEE#F5C8BB#C7FDB5#E8F7FD
- Breath of Fresh Air Tetradic Color Scheme#C7DBE4#DFCAE4#E3D1C8#CCE1C7#F0F4F8
- Breeze Tetradic Color Scheme#AEC9EA#EDABE6#EBCFAE#AAEEAA#ECF3F9
- Breezy Tetradic Color Scheme#C2DDE6#DEC0E2#E7CAC3#D1E8C2#EBF6F7
- Bright Star Tetradic Color Scheme#DDE2E6#E7D8EA#E9E1D9#DAE9DC#EEF2F3
Questions
What colors go with Lavender (CSS)?
In a tetradic scheme: Cherubic (#FFE6F1), Elderflower (#FBF9E8), Soft Mint (#E6F9F1), Bright Dusk (#EEE9F9).
What is the hex code of Lavender (CSS)?
#E6E6FA.