Lavender (CSS) Triadic Color Scheme
Five colors arranged by the triadic rule around Lavender (CSS) (#E6E6FA), each snapped to its nearest named color.
#E6E6FA
#FAE6E5
#E4F7E7
#EEE9F9
#F1AAA8
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 | |
| Rose Sugar | #FAE6E5 | 250, 230, 229 | 3°, 68%, 94% | 0, 8, 8, 2 | 94.1% 0.022 21 | |
| Nettle Rash | #E4F7E7 | 228, 247, 231 | 129°, 54%, 93% | 8, 0, 6, 3 | 95.8% 0.029 150 | |
| Bright Dusk | #EEE9F9 | 238, 233, 249 | 259°, 57%, 95% | 4, 6, 0, 2 | 94.3% 0.022 300 | |
| Faint of Heart | #F1AAA8 | 241, 170, 168 | 2°, 72%, 80% | 0, 29, 30, 5 | 80.5% 0.084 21 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E4F7E7 on #F1AAA8 | 1.70:1 | — |
| Aa #EEE9F9 on #F1AAA8 | 1.60:1 | — |
| Aa #FAE6E5 on #F1AAA8 | 1.58:1 | — |
| Aa #E6E6FA on #F1AAA8 | 1.54:1 | — |
| Aa #E6E6FA on #E4F7E7 | 1.10:1 | — |
| Aa #FAE6E5 on #E4F7E7 | 1.07:1 | — |
CSS variables
:root {
--color-1: #e6e6fa; /* Lavender (CSS) */
--color-2: #fae6e5; /* Rose Sugar */
--color-3: #e4f7e7; /* Nettle Rash */
--color-4: #eee9f9; /* Bright Dusk */
--color-5: #f1aaa8; /* Faint of Heart */
}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) 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 triadic color schemes
- A Dime a Dozen Triadic Color Scheme#D3DDE4#E5D2DD#DBE5D2#EEF2F3#C8A3B8
- Andromeda Blue Triadic Color Scheme#ABCDEE#EEAACC#D5EBAC#EAF4FC#E86EAD
- Après-Ski Triadic Color Scheme#CED5E4#E2CDD5#D5E3D0#EDF2F8#C59DAA
- Ariel Triadic Color Scheme#AED7EA#E6AED3#D5EBAC#EBF4FC#DD66BB
- Baby Blue Triadic Color Scheme#A2CFFE#FFA6C9#C1F9A2#E8F5FC#FF55AA
- Bird Bath Blue Triadic Color Scheme#CDDFE7#E6CCDD#DFE6CF#F0F4F8#CC99BB
- Blue Silk Triadic Color Scheme#D0DCE8#E7D1DD#DBE8CF#EDF2F8#CE9FB4
- Breaking the Ice Triadic Color Scheme#B8E4F5#F1BFE2#E3EFB2#E8F7FD#E56CC0
- Breath of Fresh Air Triadic Color Scheme#C7DBE4#E5C8D9#DBE2C9#F0F4F8#CC94BE
- Breeze Triadic Color Scheme#AEC9EA#E9ADCA#CEEBB2#ECF3F9#DE70A1
- Breezy Triadic Color Scheme#C2DDE6#E7C2DE#DEE3C0#EBF6F7#D492BD
- Bright Star Triadic Color Scheme#DDE2E6#E7DBE1#E1E9DB#EEF2F3#CAA7BB
Questions
What colors go with Lavender (CSS)?
In a triadic scheme: Rose Sugar (#FAE6E5), Nettle Rash (#E4F7E7), Bright Dusk (#EEE9F9), Faint of Heart (#F1AAA8).
What is the hex code of Lavender (CSS)?
#E6E6FA.