Savoy Blue Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Savoy Blue (#4B61D1), each snapped to its nearest named color.
#4B61D1
#CF7A4B
#A5CA4F
#2138AB
#E0A787
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Savoy Blue | #4B61D1 | 75, 97, 209 | 230°, 59%, 56% | 64, 54, 0, 18 | |
| Brown Sugar Glaze | #CF7A4B | 207, 122, 75 | 21°, 58%, 55% | 0, 41, 64, 19 | |
| Two Peas in a Pod | #A5CA4F | 165, 202, 79 | 78°, 54%, 55% | 18, 0, 61, 21 | |
| Yuè Guāng Lán Blue | #2138AB | 33, 56, 171 | 230°, 68%, 40% | 81, 67, 0, 33 | |
| Almost Apricot | #E0A787 | 224, 167, 135 | 22°, 59%, 70% | 0, 25, 40, 12 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A5CA4F on #2138AB | 5.03:1 | AA |
| Aa #2138AB on #E0A787 | 4.53:1 | AA |
| Aa #CF7A4B on #2138AB | 2.95:1 | — |
| Aa #4B61D1 on #A5CA4F | 2.84:1 | — |
| Aa #4B61D1 on #E0A787 | 2.56:1 | — |
| Aa #4B61D1 on #2138AB | 1.77:1 | — |
CSS variables
:root {
--color-1: #4b61d1; /* Savoy Blue */
--color-2: #cf7a4b; /* Brown Sugar Glaze */
--color-3: #a5ca4f; /* Two Peas in a Pod */
--color-4: #2138ab; /* Yuè Guāng Lán Blue */
--color-5: #e0a787; /* Almost Apricot */
}Other schemes from Savoy Blue
- Savoy Blue Complementary Color Scheme#4B61D1#9BA0EF#D5B54C#A69425#E8D99C
- Savoy Blue Analogous Color Scheme#55CCBB#48A8D0#4B61D1#7249D6#BB44CC
- Savoy Blue Triadic Color Scheme#4B61D1#CA4B65#62D84E#9BA0EF#A52939
- Savoy Blue Tetradic Color Scheme#4B61D1#CD48A9#D5B54C#50C878#9BA0EF
- Savoy Blue Monochromatic Color Scheme#192961#2138AB#4B61D1#8F8CE7#CCCCEE
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 Savoy Blue?
In a split-complementary scheme: Brown Sugar Glaze (#CF7A4B), Two Peas in a Pod (#A5CA4F), Yuè Guāng Lán Blue (#2138AB), Almost Apricot (#E0A787).
What is the hex code of Savoy Blue?
#4B61D1.