Into the Blue Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Into the Blue (#4F7BA7), each snapped to its nearest named color.
#4F7BA7
#A65052
#A4A84D
#375673
#C08081
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Into the Blue | #4F7BA7 | 79, 123, 167 | 210°, 36%, 48% | 53, 26, 0, 35 | 57.0% 0.084 249 | |
| Red Rock | #A65052 | 166, 80, 82 | 359°, 35%, 48% | 0, 52, 51, 35 | 53.8% 0.114 20 | |
| Olive Reserve | #A4A84D | 164, 168, 77 | 63°, 37%, 48% | 2, 0, 54, 34 | 70.9% 0.115 111 | |
| Blue Earth | #375673 | 55, 86, 115 | 209°, 35%, 33% | 52, 25, 0, 55 | 44.2% 0.060 248 | |
| Old Rose | #C08081 | 192, 128, 129 | 359°, 34%, 63% | 0, 33, 33, 25 | 66.6% 0.080 18 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A4A84D on #375673 | 3.02:1 | AA large |
| Aa #375673 on #C08081 | 2.42:1 | — |
| Aa #A65052 on #A4A84D | 2.13:1 | — |
| Aa #4F7BA7 on #A4A84D | 1.75:1 | — |
| Aa #4F7BA7 on #375673 | 1.72:1 | — |
| Aa #A65052 on #C08081 | 1.71:1 | — |
CSS variables
:root {
--color-1: #4f7ba7; /* Into the Blue */
--color-2: #a65052; /* Red Rock */
--color-3: #a4a84d; /* Olive Reserve */
--color-4: #375673; /* Blue Earth */
--color-5: #c08081; /* Old Rose */
}Other schemes from Into the Blue
- Into the Blue Complementary Color Scheme#4F7BA7#8CA8C6#A67B50#715636#CAAD92
- Into the Blue Analogous Color Scheme#4EA77D#51A5A4#4F7BA7#5555AA#7851A9
- Into the Blue Triadic Color Scheme#4F7BA7#A84B7A#7CA14E#93AECE#773355
- Into the Blue Tetradic Color Scheme#4F7BA7#AA55AA#A67B50#52A550#93AECE
- Into the Blue Monochromatic Color Scheme#1E2F3C#375673#4F7BA7#88A3C2#B4C7DB
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 Into the Blue?
In a split-complementary scheme: Red Rock (#A65052), Olive Reserve (#A4A84D), Blue Earth (#375673), Old Rose (#C08081).
What is the hex code of Into the Blue?
#4F7BA7.