Blurple Tetradic Color Scheme
Five colors arranged by the tetradic rule around Blurple (#5539CC), each snapped to its nearest named color.
#5539CC
#CA3767
#ACCB35
#33CC99
#8F8CE7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Blurple | #5539CC | 85, 57, 204 | 251°, 59%, 51% | 58, 72, 0, 20 | |
| Raspberry Jam | #CA3767 | 202, 55, 103 | 340°, 58%, 50% | 0, 73, 49, 21 | |
| Tender Shoot | #ACCB35 | 172, 203, 53 | 72°, 59%, 50% | 15, 0, 74, 20 | |
| Dark Shamrock | #33CC99 | 51, 204, 153 | 160°, 60%, 50% | 75, 0, 25, 20 | |
| Perrywinkle | #8F8CE7 | 143, 140, 231 | 242°, 65%, 73% | 38, 39, 0, 9 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #5539CC on #ACCB35 | 3.99:1 | AA large |
| Aa #5539CC on #33CC99 | 3.60:1 | AA large |
| Aa #CA3767 on #ACCB35 | 2.67:1 | — |
| Aa #5539CC on #8F8CE7 | 2.49:1 | — |
| Aa #CA3767 on #33CC99 | 2.41:1 | — |
| Aa #CA3767 on #8F8CE7 | 1.66:1 | — |
CSS variables
:root {
--color-1: #5539cc; /* Blurple */
--color-2: #ca3767; /* Raspberry Jam */
--color-3: #accb35; /* Tender Shoot */
--color-4: #33cc99; /* Dark Shamrock */
--color-5: #8f8ce7; /* Perrywinkle */
}Other schemes from Blurple
- Blurple Complementary Color Scheme#5539CC#8A83DA#ACCB35#7A942E#CFE587
- Blurple Analogous Color Scheme#38AFCD#246BCE#5539CC#9932CC#C83CB9
- Blurple Triadic Color Scheme#5539CC#C9543A#31D652#8F8CE7#8E3928
- Blurple Split-complementary Color Scheme#5539CC#CB9E34#6ECB3C#312297#DBBD76
- Blurple Monochromatic Color Scheme#221155#312297#5539CC#9370DB#BCBDE4
More Medium Blue tetradic palettes
- Admiral Blue Tetradic Color Scheme#50647F#834D7C#836B4F#498555#819AB1
- Aster Tetradic Color Scheme#867BA9#AA7982#A4AE77#7DB39E#BAB8D3
- Azure Tetradic Color Scheme#007FFF#FF00FF#FF8400#00FF00#77B5FE
- Bay View Tetradic Color Scheme#6A819E#A46A95#A68966#72A86A#A6B3C9
- Beach View Tetradic Color Scheme#4F7694#8B4F90#936B4F#538F4E#88AAC4
- Bellflower Tetradic Color Scheme#5D66AA#AC5D91#B3A156#5FA778#A3A7CC
- Blasphemous Blue Tetradic Color Scheme#3356AA#B53389#AA8833#39AD48#7391CC
- Blue Tetradic Color Scheme#0000FF#FF0080#FFFF00#04F489#6666FF
- Blue Burst Tetradic Color Scheme#309CD0#BE2BDF#CD632A#58D332#80C1E2
- Blue Overdose Tetradic Color Scheme#0020EF#EE0099#EFD100#11EE55#5566FF
- Blue Ribbon Tetradic Color Scheme#0066FF#FF08E8#FF9900#00FF11#77AAFF
- Blue Triumph Tetradic Color Scheme#4376AB#A442A0#AB7741#41A94F#84A7CE
Questions
What colors go with Blurple?
In a tetradic scheme: Raspberry Jam (#CA3767), Tender Shoot (#ACCB35), Dark Shamrock (#33CC99), Perrywinkle (#8F8CE7).
What is the hex code of Blurple?
#5539CC.