Lavender (CSS) Complementary Color Scheme
Five colors arranged by the complementary rule around Lavender (CSS) (#E6E6FA), each snapped to its nearest named color.
#E6E6FA
#EEE9F9
#FBF9E8
#EBECA7
#FCFBEB
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 | |
| Bright Dusk | #EEE9F9 | 238, 233, 249 | 259°, 57%, 95% | 4, 6, 0, 2 | 94.3% 0.022 300 | |
| Elderflower | #FBF9E8 | 251, 249, 232 | 54°, 70%, 95% | 0, 1, 8, 2 | 97.9% 0.022 101 | |
| Lemon Pepper | #EBECA7 | 235, 236, 167 | 61°, 64%, 79% | 0, 0, 29, 7 | 92.6% 0.088 109 | |
| Placebo Yellow | #FCFBEB | 252, 251, 235 | 56°, 74%, 95% | 0, 0, 7, 1 | 98.5% 0.021 104 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E6E6FA on #FCFBEB | 1.18:1 | — |
| Aa #EBECA7 on #FCFBEB | 1.18:1 | — |
| Aa #E6E6FA on #FBF9E8 | 1.16:1 | — |
| Aa #FBF9E8 on #EBECA7 | 1.16:1 | — |
| Aa #EEE9F9 on #FCFBEB | 1.14:1 | — |
| Aa #EEE9F9 on #FBF9E8 | 1.12:1 | — |
CSS variables
:root {
--color-1: #e6e6fa; /* Lavender (CSS) */
--color-2: #eee9f9; /* Bright Dusk */
--color-3: #fbf9e8; /* Elderflower */
--color-4: #ebeca7; /* Lemon Pepper */
--color-5: #fcfbeb; /* Placebo Yellow */
}Other schemes from Lavender (CSS)
- 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) Tetradic Color Scheme#E6E6FA#FFE6F1#FBF9E8#E6F9F1#EEE9F9
- Lavender (CSS) Monochromatic Color Scheme#6D68ED#ACACE6#E6E6FA#EEE9F9#EEE9F9
More very light blue complementary color schemes
- A Dime a Dozen Complementary Color Scheme#D3DDE4#EEF2F3#E4DAD3#CAB3A0#F6F2F1
- Andromeda Blue Complementary Color Scheme#ABCDEE#EAF4FC#EECCAA#E5AA70#F8F1EB
- Après-Ski Complementary Color Scheme#CED5E4#EDF2F8#E4DDCE#C6BB9C#F6F4EF
- Ariel Complementary Color Scheme#AED7EA#EBF4FC#E9C2AD#DD9475#F8F1EB
- Baby Blue Complementary Color Scheme#A2CFFE#E8F5FC#FDD1A4#FFAA55#FFF2E4
- Bird Bath Blue Complementary Color Scheme#CDDFE7#F0F4F8#E6D6CD#CCAA99#F7EFEF
- Blue Silk Complementary Color Scheme#D0DCE8#EDF2F8#E7DCCF#CEB79D#F8F4ED
- Breaking the Ice Complementary Color Scheme#B8E4F5#E8F7FD#F5C8BB#EE9977#FBEEE8
- Breath of Fresh Air Complementary Color Scheme#C7DBE4#F0F4F8#E3D1C8#CBA792#F7EFEF
- Breeze Complementary Color Scheme#AEC9EA#ECF3F9#EBCFAE#D9A96F#F8F4ED
- Breezy Complementary Color Scheme#C2DDE6#EBF6F7#E7CAC3#D29B8D#F8F1EB
- Bright Star Complementary Color Scheme#DDE2E6#EEF2F3#E9E1D9#CBB9AB#F6F2F1
Questions
What colors go with Lavender (CSS)?
In a complementary scheme: Bright Dusk (#EEE9F9), Elderflower (#FBF9E8), Lemon Pepper (#EBECA7), Placebo Yellow (#FCFBEB).
What is the hex code of Lavender (CSS)?
#E6E6FA.