Starstruck Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Starstruck (#4664A5), each snapped to its nearest named color.
#4664A5
#A85846
#93A344
#2D4470
#C48677
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Starstruck | #4664A5 | 70, 100, 165 | 221°, 40%, 46% | 58, 39, 0, 35 | |
| Cottage Spice | #A85846 | 168, 88, 70 | 11°, 41%, 47% | 0, 48, 58, 34 | |
| Arathi Highlands | #93A344 | 147, 163, 68 | 70°, 41%, 45% | 10, 0, 58, 36 | |
| Blue Funk | #2D4470 | 45, 68, 112 | 219°, 43%, 31% | 60, 39, 0, 56 | |
| Argyle Rose | #C48677 | 196, 134, 119 | 12°, 39%, 62% | 0, 32, 39, 23 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #93A344 on #2D4470 | 3.48:1 | AA large |
| Aa #2D4470 on #C48677 | 3.23:1 | AA large |
| Aa #4664A5 on #93A344 | 2.09:1 | — |
| Aa #4664A5 on #C48677 | 1.94:1 | — |
| Aa #A85846 on #2D4470 | 1.91:1 | — |
| Aa #A85846 on #93A344 | 1.82:1 | — |
CSS variables
:root {
--color-1: #4664a5; /* Starstruck */
--color-2: #a85846; /* Cottage Spice */
--color-3: #93a344; /* Arathi Highlands */
--color-4: #2d4470; /* Blue Funk */
--color-5: #c48677; /* Argyle Rose */
}Other schemes from Starstruck
- Starstruck Complementary Color Scheme#4664A5#7D94C6#A6894B#715B2E#CCB586
- Starstruck Analogous Color Scheme#4DA48B#4090A2#4664A5#5946B2#9448B0
- Starstruck Triadic Color Scheme#4664A5#A44769#66A545#819ECB#6C2C45
- Starstruck Tetradic Color Scheme#4664A5#A0488C#A6894B#46A35A#819ECB
- Starstruck Monochromatic Color Scheme#18233D#2D4470#4664A5#768DC6#A9BADD
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 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 Starstruck?
In a split-complementary scheme: Cottage Spice (#A85846), Arathi Highlands (#93A344), Blue Funk (#2D4470), Argyle Rose (#C48677).
What is the hex code of Starstruck?
#4664A5.