Sail On Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Sail On (#4575AD), each snapped to its nearest named color.
#4575AD
#AF4544
#A5AD44
#355376
#C57776
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sail On | #4575AD | 69, 117, 173 | 212°, 43%, 47% | 60, 32, 0, 32 | |
| Redtail | #AF4544 | 175, 69, 68 | 1°, 44%, 48% | 0, 61, 61, 31 | |
| Sphagnales Moss | #A5AD44 | 165, 173, 68 | 65°, 44%, 47% | 5, 0, 61, 32 | |
| Aerostatics | #355376 | 53, 83, 118 | 212°, 38%, 34% | 55, 30, 0, 54 | |
| Deep Bloom | #C57776 | 197, 119, 118 | 1°, 41%, 62% | 0, 40, 40, 23 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A5AD44 on #355376 | 3.27:1 | AA large |
| Aa #355376 on #C57776 | 2.37:1 | — |
| Aa #AF4544 on #A5AD44 | 2.30:1 | — |
| Aa #4575AD on #A5AD44 | 1.97:1 | — |
| Aa #AF4544 on #C57776 | 1.67:1 | — |
| Aa #4575AD on #355376 | 1.66:1 | — |
CSS variables
:root {
--color-1: #4575ad; /* Sail On */
--color-2: #af4544; /* Redtail */
--color-3: #a5ad44; /* Sphagnales Moss */
--color-4: #355376; /* Aerostatics */
--color-5: #c57776; /* Deep Bloom */
}Other schemes from Sail On
- Sail On Complementary Color Scheme#4575AD#80A4CD#AC7F48#7A552E#D1B088
- Sail On Analogous Color Scheme#47B07F#43A7AA#4575AD#4A40AD#7851A9
- Sail On Triadic Color Scheme#4575AD#AD4379#78AE48#88A9D2#7A2E4D
- Sail On Tetradic Color Scheme#4575AD#BB44AA#AC7F48#41A94F#88A9D2
- Sail On Monochromatic Color Scheme#1C2841#355376#4575AD#779ECB#B0C4DE
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 Sail On?
In a split-complementary scheme: Redtail (#AF4544), Sphagnales Moss (#A5AD44), Aerostatics (#355376), Deep Bloom (#C57776).
What is the hex code of Sail On?
#4575AD.