Blurple Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Blurple (#5539CC), each snapped to its nearest named color.
#5539CC
#CB9E34
#6ECB3C
#312297
#DBBD76
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Blurple | #5539CC | 85, 57, 204 | 251°, 59%, 51% | 58, 72, 0, 20 | 47.4% 0.213 283 | |
| Local Curry | #CB9E34 | 203, 158, 52 | 42°, 59%, 50% | 0, 22, 74, 20 | 72.3% 0.130 85 | |
| Bitter Dandelion | #6ECB3C | 110, 203, 60 | 99°, 58%, 52% | 46, 0, 70, 20 | 75.7% 0.197 137 | |
| Gentian Blue | #312297 | 49, 34, 151 | 248°, 63%, 36% | 68, 77, 0, 41 | 36.1% 0.178 278 | |
| Brass Nail | #DBBD76 | 219, 189, 118 | 42°, 58%, 66% | 0, 14, 46, 14 | 80.9% 0.096 87 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #312297 on #DBBD76 | 6.40:1 | AA |
| Aa #6ECB3C on #312297 | 5.69:1 | AA |
| Aa #CB9E34 on #312297 | 4.69:1 | AA |
| Aa #5539CC on #DBBD76 | 4.06:1 | AA large |
| Aa #5539CC on #6ECB3C | 3.61:1 | AA large |
| Aa #5539CC on #CB9E34 | 2.98:1 | — |
CSS variables
:root {
--color-1: #5539cc; /* Blurple */
--color-2: #cb9e34; /* Local Curry */
--color-3: #6ecb3c; /* Bitter Dandelion */
--color-4: #312297; /* Gentian Blue */
--color-5: #dbbd76; /* Brass Nail */
}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 Tetradic Color Scheme#5539CC#CA3767#ACCB35#33CC99#8F8CE7
- Blurple Monochromatic Color Scheme#221155#312297#5539CC#9370DB#BCBDE4
More medium blue split-complementary color schemes
- Admiral Blue Split-complementary Color Scheme#50647F#814D50#7F8353#2F3F53#A97673
- Aster Split-complementary Color Scheme#867BA9#AF9C76#88AA77#5C5083#C7C0A7
- Azure Split-complementary Color Scheme#007FFF#FF0000#FEFF00#095BAF#FF474C
- Bay View Split-complementary Color Scheme#6A819E#A26766#9CA664#475877#BA9B97
- Beach View Split-complementary Color Scheme#4F7694#954C52#948F54#324C61#B7757C
- Bellflower Split-complementary Color Scheme#5D66AA#AD785C#88A95B#4B4775#C3A491
- Blasphemous Blue Split-complementary Color Scheme#3356AA#A94E37#8DA936#243F6C#CE7259
- Blue Split-complementary Color Scheme#0000FF#FF7F00#88FF00#0000BB#FFA64F
- Blue Burst Split-complementary Color Scheme#309CD0#D02B48#CEB736#256D8D#DC6C84
- Blue Overdose Split-complementary Color Scheme#0020EF#EE5500#8EFA00#0018A8#FA873D
- Blue Ribbon Split-complementary Color Scheme#0066FF#FF1500#E3FF00#0048BA#FC5A50
- Blue Triumph Split-complementary Color Scheme#4376AB#AB4343#A5A943#284C75#C97376
Questions
What colors go with Blurple?
In a split-complementary scheme: Local Curry (#CB9E34), Bitter Dandelion (#6ECB3C), Gentian Blue (#312297), Brass Nail (#DBBD76).
What is the hex code of Blurple?
#5539CC.