Violet (CSS) Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Violet (CSS) (#EE82EE), each snapped to its nearest named color.
#AC1DB8
#FF33EE
#EE82EE
#FCCCF5
#FCEBFA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Barney | #AC1DB8 | 172, 29, 184 | 295°, 73%, 42% | 7, 84, 0, 28 | 54.0% 0.236 324 | |
| Lurid Pink | #FF33EE | 255, 51, 238 | 305°, 100%, 60% | 0, 80, 7, 0 | 70.7% 0.292 332 | |
| Violet (CSS) | #EE82EE | 238, 130, 238 | 300°, 76%, 72% | 0, 45, 0, 7 | 76.2% 0.186 327 | |
| Kissed by Mist | #FCCCF5 | 252, 204, 245 | 309°, 89%, 89% | 0, 19, 3, 1 | 89.9% 0.076 331 | |
| Placebo Pink | #FCEBFA | 252, 235, 250 | 307°, 74%, 95% | 0, 7, 1, 1 | 95.8% 0.027 329 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #AC1DB8 on #FCEBFA | 5.08:1 | AA |
| Aa #AC1DB8 on #FCCCF5 | 4.17:1 | AA large |
| Aa #FF33EE on #FCEBFA | 2.64:1 | — |
| Aa #AC1DB8 on #EE82EE | 2.50:1 | — |
| Aa #FF33EE on #FCCCF5 | 2.17:1 | — |
| Aa #EE82EE on #FCEBFA | 2.03:1 | — |
CSS variables
:root {
--color-1: #ac1db8; /* Barney */
--color-2: #ff33ee; /* Lurid Pink */
--color-3: #ee82ee; /* Violet (CSS) */
--color-4: #fcccf5; /* Kissed by Mist */
--color-5: #fcebfa; /* Placebo Pink */
}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) Tetradic Color Scheme#EE82EE#EAB781#90EE90#88BBEE#FFDBF7
More light pink monochromatic color schemes
- Always Rosey Monochromatic Color Scheme#B62758#DC6080#E79DB3#F5DAE3#F8EAED
- Atomic Pink Monochromatic Color Scheme#CC00DD#FF33FF#FB7EFD#FFCCFF#FFEBFE
- Avant-Garde Pink Monochromatic Color Scheme#DD00CC#FF2FEB#FF77EE#FCCCF5#FFEBFE
- Barbiecore Monochromatic Color Scheme#871F78#C920B0#E15ACB#EB94DA#F4DAF1
- Blush d’Amour Monochromatic Color Scheme#8C1B3C#C92351#DE5D83#EA9FB4#F9DCE3
- Blushing Sky Monochromatic Color Scheme#A24D8F#CD7DB5#D9B1D6#EFE2F2#F8EEF4
- Bubblegum Monochromatic Color Scheme#EE00EE#FF33FF#FF85FF#FED0FC#FFEBFE
- Bubblegum Beam Monochromatic Color Scheme#DD1188#E936A7#F887C7#F8D0E8#FFE8F4
- Bubblegum Kisses Monochromatic Color Scheme#CC1A97#F246A7#F092D6#F9D7EE#FEE8F5
- Candy Floss Monochromatic Color Scheme#C034AF#DA70D6#E8A7E2#F6E5F6#FCEBFA
- Candy Pink Monochromatic Color Scheme#CC11BB#FF1DCE#FF63E9#FFB2F0#FEE8F5
- Classy Mauve Monochromatic Color Scheme#6F4B5C#9D6984#BB99AA#D7C7D0#F5F0F1
Questions
What colors go with Violet (CSS)?
In a monochromatic scheme: Barney (#AC1DB8), Lurid Pink (#FF33EE), Kissed by Mist (#FCCCF5), Placebo Pink (#FCEBFA).
What is the hex code of Violet (CSS)?
#EE82EE.