Sail On Triadic Color Scheme
Five colors arranged by the triadic rule around Sail On (#4575AD), each snapped to its nearest named color.
#4575AD
#AD4379
#78AE48
#88A9D2
#7A2E4D
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sail On | #4575AD | 69, 117, 173 | 212°, 43%, 47% | 60, 32, 0, 32 | |
| Mystic Maroon | #AD4379 | 173, 67, 121 | 329°, 44%, 47% | 0, 61, 30, 32 | |
| Parakeet | #78AE48 | 120, 174, 72 | 92°, 41%, 48% | 31, 0, 59, 32 | |
| Placid Blue | #88A9D2 | 136, 169, 210 | 213°, 45%, 68% | 35, 20, 0, 18 | |
| Flirt | #7A2E4D | 122, 46, 77 | 336°, 45%, 33% | 0, 62, 37, 52 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #88A9D2 on #7A2E4D | 3.72:1 | AA large |
| Aa #78AE48 on #7A2E4D | 3.42:1 | AA large |
| Aa #AD4379 on #88A9D2 | 2.24:1 | — |
| Aa #AD4379 on #78AE48 | 2.06:1 | — |
| Aa #4575AD on #88A9D2 | 1.97:1 | — |
| Aa #4575AD on #7A2E4D | 1.89:1 | — |
CSS variables
:root {
--color-1: #4575ad; /* Sail On */
--color-2: #ad4379; /* Mystic Maroon */
--color-3: #78ae48; /* Parakeet */
--color-4: #88a9d2; /* Placid Blue */
--color-5: #7a2e4d; /* Flirt */
}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 Split-complementary Color Scheme#4575AD#AF4544#A5AD44#355376#C57776
- Sail On Tetradic Color Scheme#4575AD#BB44AA#AC7F48#41A94F#88A9D2
- Sail On Monochromatic Color Scheme#1C2841#355376#4575AD#779ECB#B0C4DE
More Medium Blue triadic palettes
- Admiral Blue Triadic Color Scheme#50647F#854C65#648251#819AB1#513439
- Aster Triadic Color Scheme#867BA9#B18377#76AD83#BAB8D3#885D53
- Azure Triadic Color Scheme#007FFF#FF007F#7FFF00#77B5FE#AA0055
- Bay View Triadic Color Scheme#6A819E#A16381#85A16A#A6B3C9#75495E
- Beach View Triadic Color Scheme#4F7694#914E75#749551#88AAC4#65344E
- Bellflower Triadic Color Scheme#5D66AA#A95C68#69AC58#A3A7CC#794143
- Blasphemous Blue Triadic Color Scheme#3356AA#A53756#5CAC2D#7391CC#6E2233
- Blue Triadic Color Scheme#0000FF#FF0000#00FF00#6666FF#B30103
- Blue Burst Triadic Color Scheme#309CD0#CA2C92#9ACD32#80C1E2#992266
- Blue Overdose Triadic Color Scheme#0020EF#EE0022#33EE00#5566FF#A30112
- Blue Ribbon Triadic Color Scheme#0066FF#FF0066#66FF00#77AAFF#B00149
- Blue Triumph Triadic Color Scheme#4376AB#AD4379#78AE48#84A7CE#6F2C4F
Questions
What colors go with Sail On?
In a triadic scheme: Mystic Maroon (#AD4379), Parakeet (#78AE48), Placid Blue (#88A9D2), Flirt (#7A2E4D).
What is the hex code of Sail On?
#4575AD.