Blue Burst Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Blue Burst (#309CD0), each snapped to its nearest named color.
#309CD0
#D02B48
#CEB736
#256D8D
#DC6C84
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Blue Burst | #309CD0 | 48, 156, 208 | 200°, 63%, 50% | 77, 25, 0, 18 | |
| Demonic Kiss | #D02B48 | 208, 43, 72 | 349°, 66%, 49% | 0, 79, 65, 18 | |
| Yellowstone | #CEB736 | 206, 183, 54 | 51°, 61%, 51% | 0, 11, 74, 19 | |
| Chill of the Night | #256D8D | 37, 109, 141 | 198°, 58%, 35% | 74, 23, 0, 45 | |
| Luminous Pink | #DC6C84 | 220, 108, 132 | 347°, 62%, 64% | 0, 51, 40, 14 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CEB736 on #256D8D | 2.86:1 | — |
| Aa #D02B48 on #CEB736 | 2.54:1 | — |
| Aa #309CD0 on #256D8D | 1.86:1 | — |
| Aa #256D8D on #DC6C84 | 1.79:1 | — |
| Aa #309CD0 on #D02B48 | 1.65:1 | — |
| Aa #CEB736 on #DC6C84 | 1.60:1 | — |
CSS variables
:root {
--color-1: #309cd0; /* Blue Burst */
--color-2: #d02b48; /* Demonic Kiss */
--color-3: #ceb736; /* Yellowstone */
--color-4: #256d8d; /* Chill of the Night */
--color-5: #dc6c84; /* Luminous Pink */
}Other schemes from Blue Burst
- Blue Burst Complementary Color Scheme#309CD0#76C1E1#CD632A#8F4826#E3A385
- Blue Burst Analogous Color Scheme#3CD070#2DC5BB#309CD0#214FC6#6A31CA
- Blue Burst Triadic Color Scheme#309CD0#CA2C92#9ACD32#80C1E2#992266
- Blue Burst Tetradic Color Scheme#309CD0#BE2BDF#CD632A#58D332#80C1E2
- Blue Burst Monochromatic Color Scheme#123D55#256D8D#309CD0#74B8DE#AED9EC
More Medium Blue split-complementary palettes
- 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 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
- Bluebell Split-complementary Color Scheme#333399#996633#629A31#222266#C08950
Questions
What colors go with Blue Burst?
In a split-complementary scheme: Demonic Kiss (#D02B48), Yellowstone (#CEB736), Chill of the Night (#256D8D), Luminous Pink (#DC6C84).
What is the hex code of Blue Burst?
#309CD0.