Sail On Tetradic Color Scheme
Five colors arranged by the tetradic rule around Sail On (#4575AD), each snapped to its nearest named color.
#4575AD
#BB44AA
#AC7F48
#41A94F
#88A9D2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sail On | #4575AD | 69, 117, 173 | 212°, 43%, 47% | 60, 32, 0, 32 | |
| Ultraviolet Nusp | #BB44AA | 187, 68, 170 | 309°, 47%, 50% | 0, 64, 9, 27 | |
| Mediaeval Gold | #AC7F48 | 172, 127, 72 | 33°, 41%, 48% | 0, 26, 58, 33 | |
| Leapfrog | #41A94F | 65, 169, 79 | 128°, 44%, 46% | 62, 0, 53, 34 | |
| Placid Blue | #88A9D2 | 136, 169, 210 | 213°, 45%, 68% | 35, 20, 0, 18 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #4575AD on #88A9D2 | 1.97:1 | — |
| Aa #BB44AA on #88A9D2 | 1.91:1 | — |
| Aa #4575AD on #41A94F | 1.59:1 | — |
| Aa #BB44AA on #41A94F | 1.55:1 | — |
| Aa #AC7F48 on #88A9D2 | 1.47:1 | — |
| Aa #4575AD on #AC7F48 | 1.34:1 | — |
CSS variables
:root {
--color-1: #4575ad; /* Sail On */
--color-2: #bb44aa; /* Ultraviolet Nusp */
--color-3: #ac7f48; /* Mediaeval Gold */
--color-4: #41a94f; /* Leapfrog */
--color-5: #88a9d2; /* Placid Blue */
}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 Split-complementary Color Scheme#4575AD#AF4544#A5AD44#355376#C57776
- Sail On Monochromatic Color Scheme#1C2841#355376#4575AD#779ECB#B0C4DE
More Medium Blue tetradic palettes
- Admiral Blue Tetradic Color Scheme#50647F#834D7C#836B4F#498555#819AB1
- Aster Tetradic Color Scheme#867BA9#AA7982#A4AE77#7DB39E#BAB8D3
- Azure Tetradic Color Scheme#007FFF#FF00FF#FF8400#00FF00#77B5FE
- Bay View Tetradic Color Scheme#6A819E#A46A95#A68966#72A86A#A6B3C9
- Beach View Tetradic Color Scheme#4F7694#8B4F90#936B4F#538F4E#88AAC4
- Bellflower Tetradic Color Scheme#5D66AA#AC5D91#B3A156#5FA778#A3A7CC
- Blasphemous Blue Tetradic Color Scheme#3356AA#B53389#AA8833#39AD48#7391CC
- Blue Tetradic Color Scheme#0000FF#FF0080#FFFF00#04F489#6666FF
- Blue Burst Tetradic Color Scheme#309CD0#BE2BDF#CD632A#58D332#80C1E2
- Blue Overdose Tetradic Color Scheme#0020EF#EE0099#EFD100#11EE55#5566FF
- Blue Ribbon Tetradic Color Scheme#0066FF#FF08E8#FF9900#00FF11#77AAFF
- Blue Triumph Tetradic Color Scheme#4376AB#A442A0#AB7741#41A94F#84A7CE
Questions
What colors go with Sail On?
In a tetradic scheme: Ultraviolet Nusp (#BB44AA), Mediaeval Gold (#AC7F48), Leapfrog (#41A94F), Placid Blue (#88A9D2).
What is the hex code of Sail On?
#4575AD.