Violet (CSS) Tetradic Color Scheme
Five colors arranged by the tetradic rule around Violet (CSS) (#EE82EE), each snapped to its nearest named color.
#EE82EE
#EAB781
#90EE90
#88BBEE
#FFDBF7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Violet (CSS) | #EE82EE | 238, 130, 238 | 300°, 76%, 72% | 0, 45, 0, 7 | 76.2% 0.186 327 | |
| Mom’s Apple Pie | #EAB781 | 234, 183, 129 | 31°, 71%, 71% | 0, 22, 45, 8 | 81.3% 0.092 68 | |
| Ulva Lactuca Green | #90EE90 | 144, 238, 144 | 120°, 73%, 75% | 39, 0, 39, 7 | 86.8% 0.156 144 | |
| Electric Eel | #88BBEE | 136, 187, 238 | 210°, 75%, 73% | 43, 21, 0, 7 | 77.5% 0.091 249 | |
| Strawberry Frost | #FFDBF7 | 255, 219, 247 | 313°, 100%, 93% | 0, 14, 3, 0 | 93.0% 0.054 334 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EE82EE on #FFDBF7 | 1.85:1 | — |
| Aa #EE82EE on #90EE90 | 1.64:1 | — |
| Aa #88BBEE on #FFDBF7 | 1.61:1 | — |
| Aa #EAB781 on #FFDBF7 | 1.44:1 | — |
| Aa #90EE90 on #88BBEE | 1.43:1 | — |
| Aa #EE82EE on #EAB781 | 1.28:1 | — |
CSS variables
:root {
--color-1: #ee82ee; /* Violet (CSS) */
--color-2: #eab781; /* Mom’s Apple Pie */
--color-3: #90ee90; /* Ulva Lactuca Green */
--color-4: #88bbee; /* Electric Eel */
--color-5: #ffdbf7; /* Strawberry Frost */
}Other schemes from Violet (CSS)
- Violet (CSS) Complementary Color Scheme#EE82EE#FED0FC#90EE90#2CE335#DDFFDD
- Violet (CSS) Analogous Color Scheme#8B88F8#BF8FE5#EE82EE#F485AC#F08080
- Violet (CSS) Triadic Color Scheme#EE82EE#EEEE88#88EEEE#FFDBF7#EBE734
- Violet (CSS) Split-complementary Color Scheme#EE82EE#BBEE88#80F9AD#FF33EE#DDF3C2
- Violet (CSS) Monochromatic Color Scheme#AC1DB8#FF33EE#EE82EE#FCCCF5#FCEBFA
More light pink tetradic color schemes
- Always Rosey Tetradic Color Scheme#E79DB3#D5E69D#9CE5D6#A899E6#F8EAED
- Atomic Pink Tetradic Color Scheme#FB7EFD#FFBB7C#8CFD7E#73C2FB#FFE0F5
- Avant-Garde Pink Tetradic Color Scheme#FF77EE#FFCC77#7BE892#77AAFF#FFDDFF
- Barbiecore Tetradic Color Scheme#E15ACB#E3B258#4CFF7B#5B92E5#EDABE6
- Blush d’Amour Tetradic Color Scheme#DE5D83#D0D557#5FD1BA#6D5ACF#EDB2C4
- Blushing Sky Tetradic Color Scheme#D9B1D6#DACAB1#B1D4B7#B3C4D8#F8EEF4
- Bubblegum Tetradic Color Scheme#FF85FF#FFC283#94FF94#82CAFC#FFEBFE
- Bubblegum Beam Tetradic Color Scheme#F887C7#FFEE88#80F9AD#8B88F8#FFE8F4
- Bubblegum Kisses Tetradic Color Scheme#F092D6#EDDA8F#99EEAA#9BA0EF#FEE8F5
- Candy Floss Tetradic Color Scheme#E8A7E2#E7D0A6#AAEEAA#A7C2EB#FCEBFA
- Candy Pink Tetradic Color Scheme#FF63E9#FFC863#73FA79#6495ED#FCCCF5
- Classy Mauve Tetradic Color Scheme#BB99AA#BEBD99#8EBBAC#9791BC#E8D5DD
Questions
What colors go with Violet (CSS)?
In a tetradic scheme: Mom’s Apple Pie (#EAB781), Ulva Lactuca Green (#90EE90), Electric Eel (#88BBEE), Strawberry Frost (#FFDBF7).
What is the hex code of Violet (CSS)?
#EE82EE.