Violet (CSS) Triadic Color Scheme
Five colors arranged by the triadic rule around Violet (CSS) (#EE82EE), each snapped to its nearest named color.
#EE82EE
#EEEE88
#88EEEE
#FFDBF7
#EBE734
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 | |
| Pineapple Perfume | #EEEE88 | 238, 238, 136 | 60°, 75%, 73% | 0, 0, 43, 7 | 92.8% 0.125 109 | |
| Bath Water | #88EEEE | 136, 238, 238 | 180°, 75%, 73% | 43, 0, 0, 7 | 88.7% 0.096 196 | |
| Strawberry Frost | #FFDBF7 | 255, 219, 247 | 313°, 100%, 93% | 0, 14, 3, 0 | 93.0% 0.054 334 | |
| Lime Time | #EBE734 | 235, 231, 52 | 59°, 82%, 56% | 0, 2, 78, 8 | 90.3% 0.182 108 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EE82EE on #EEEE88 | 1.90:1 | — |
| Aa #EE82EE on #FFDBF7 | 1.85:1 | — |
| Aa #EE82EE on #EBE734 | 1.77:1 | — |
| Aa #EE82EE on #88EEEE | 1.71:1 | — |
| Aa #EEEE88 on #88EEEE | 1.11:1 | — |
| Aa #88EEEE on #FFDBF7 | 1.08:1 | — |
CSS variables
:root {
--color-1: #ee82ee; /* Violet (CSS) */
--color-2: #eeee88; /* Pineapple Perfume */
--color-3: #88eeee; /* Bath Water */
--color-4: #ffdbf7; /* Strawberry Frost */
--color-5: #ebe734; /* Lime Time */
}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) Split-complementary Color Scheme#EE82EE#BBEE88#80F9AD#FF33EE#DDF3C2
- Violet (CSS) Tetradic Color Scheme#EE82EE#EAB781#90EE90#88BBEE#FFDBF7
- Violet (CSS) Monochromatic Color Scheme#AC1DB8#FF33EE#EE82EE#FCCCF5#FCEBFA
More light pink triadic color schemes
- Always Rosey Triadic Color Scheme#E79DB3#BBEE99#9BB8E2#F8EAED#8DCE65
- Atomic Pink Triadic Color Scheme#FB7EFD#FEFC7E#7DF9FF#FFE0F5#FAFA37
- Avant-Garde Pink Triadic Color Scheme#FF77EE#F8FF73#6DEDFD#FFDDFF#E8FF2A
- Barbiecore Triadic Color Scheme#E15ACB#D9E650#4EC0ED#EDABE6#ACC729
- Blush d’Amour Triadic Color Scheme#DE5D83#88DD55#5588DD#EDB2C4#58D332
- Blushing Sky Triadic Color Scheme#D9B1D6#D9D9B1#AFD5D8#F8EEF4#BDC07E
- Bubblegum Triadic Color Scheme#FF85FF#FFFF84#88FFFF#FFEBFE#FDFF38
- Bubblegum Beam Triadic Color Scheme#F887C7#C0FA8B#82CAFC#FFE8F4#A7F432
- Bubblegum Kisses Triadic Color Scheme#F092D6#D8F19C#92D2ED#FEE8F5#B2EC5D
- Candy Floss Triadic Color Scheme#E8A7E2#E4E8A7#A3E3ED#FCEBFA#C6D86B
- Candy Pink Triadic Color Scheme#FF63E9#F1FF62#6DEDFD#FCCCF5#DFFF11
- Classy Mauve Triadic Color Scheme#BB99AA#ACBF93#91ABBE#E8D5DD#85A16A
Questions
What colors go with Violet (CSS)?
In a triadic scheme: Pineapple Perfume (#EEEE88), Bath Water (#88EEEE), Strawberry Frost (#FFDBF7), Lime Time (#EBE734).
What is the hex code of Violet (CSS)?
#EE82EE.