Homeworld Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Homeworld (#2299DD), each snapped to its nearest named color.
#2299DD
#DD2233
#DDCC22
#1A6A9F
#E76178
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Homeworld | #2299DD | 34, 153, 221 | 202°, 73%, 50% | 85, 31, 0, 13 | |
| Red-Handed | #DD2233 | 221, 34, 51 | 355°, 73%, 50% | 0, 85, 77, 13 | |
| Amok | #DDCC22 | 221, 204, 34 | 55°, 73%, 50% | 0, 8, 85, 13 | |
| Jazz Blue | #1A6A9F | 26, 106, 159 | 204°, 72%, 36% | 84, 33, 0, 38 | |
| Cherry Static | #E76178 | 231, 97, 120 | 350°, 74%, 64% | 0, 58, 48, 9 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DDCC22 on #1A6A9F | 3.53:1 | AA large |
| Aa #DD2233 on #DDCC22 | 2.93:1 | — |
| Aa #DDCC22 on #E76178 | 2.00:1 | — |
| Aa #2299DD on #DDCC22 | 1.91:1 | — |
| Aa #2299DD on #1A6A9F | 1.85:1 | — |
| Aa #1A6A9F on #E76178 | 1.77:1 | — |
CSS variables
:root {
--color-1: #2299dd; /* Homeworld */
--color-2: #dd2233; /* Red-Handed */
--color-3: #ddcc22; /* Amok */
--color-4: #1a6a9f; /* Jazz Blue */
--color-5: #e76178; /* Cherry Static */
}Other schemes from Homeworld
- Homeworld Complementary Color Scheme#2299DD#6CBAE7#DD6622#984218#F1A177
- Homeworld Analogous Color Scheme#24DD7E#2DDFC1#2299DD#243BCD#7722CC
- Homeworld Triadic Color Scheme#2299DD#CA2C92#99DD22#76C5E7#991166
- Homeworld Tetradic Color Scheme#2299DD#D725DE#DD6622#24D427#76C5E7
- Homeworld Monochromatic Color Scheme#123D55#1A6A9F#2299DD#64B6E2#A3D4EF
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 Homeworld?
In a split-complementary scheme: Red-Handed (#DD2233), Amok (#DDCC22), Jazz Blue (#1A6A9F), Cherry Static (#E76178).
What is the hex code of Homeworld?
#2299DD.