Horizon Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Horizon (#648894), each snapped to its nearest named color.
#648894
#965F73
#9B8A5F
#426267
#B78999
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Horizon | #648894 | 100, 136, 148 | 195°, 19%, 49% | 32, 8, 0, 42 | 60.4% 0.044 220 | |
| Glitz and Glamour | #965F73 | 150, 95, 115 | 338°, 22%, 48% | 0, 37, 23, 41 | 55.2% 0.076 356 | |
| Woodstock | #9B8A5F | 155, 138, 95 | 43°, 24%, 49% | 0, 11, 39, 39 | 63.8% 0.063 89 | |
| Wanderlust | #426267 | 66, 98, 103 | 188°, 22%, 33% | 36, 5, 0, 60 | 47.3% 0.038 208 | |
| Monastir | #B78999 | 183, 137, 153 | 339°, 24%, 63% | 0, 25, 16, 28 | 67.9% 0.060 356 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #426267 on #B78999 | 2.22:1 | — |
| Aa #9B8A5F on #426267 | 1.95:1 | — |
| Aa #648894 on #426267 | 1.73:1 | — |
| Aa #965F73 on #B78999 | 1.69:1 | — |
| Aa #965F73 on #9B8A5F | 1.48:1 | — |
| Aa #965F73 on #426267 | 1.32:1 | — |
CSS variables
:root {
--color-1: #648894; /* Horizon */
--color-2: #965f73; /* Glitz and Glamour */
--color-3: #9b8a5f; /* Woodstock */
--color-4: #426267; /* Wanderlust */
--color-5: #b78999; /* Monastir */
}Other schemes from Horizon
- Horizon Complementary Color Scheme#648894#91B2BC#996E5B#6B4A40#C3A79A
- Horizon Analogous Color Scheme#5B976A#5E9B8A#648894#5A6E9C#6C5D97
- Horizon Triadic Color Scheme#648894#9D5B8B#8F9B5B#9AB8C2#654161
- Horizon Tetradic Color Scheme#648894#875F9A#996E5B#6A9D5D#9AB8C2
- Horizon Monochromatic Color Scheme#213638#415D66#648894#91AAB8#BBCFD4
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 Horizon?
In a split-complementary scheme: Glitz and Glamour (#965F73), Woodstock (#9B8A5F), Wanderlust (#426267), Monastir (#B78999).
What is the hex code of Horizon?
#648894.