Sailor Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Sailor (#445780), each snapped to its nearest named color.
#445780
#834F44
#77824A
#28314D
#AD7065
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sailor | #445780 | 68, 87, 128 | 221°, 31%, 38% | 47, 32, 0, 50 | |
| Beauty Patch | #834F44 | 131, 79, 68 | 10°, 32%, 39% | 0, 40, 48, 49 | |
| Grasshopper | #77824A | 119, 130, 74 | 72°, 27%, 40% | 8, 0, 43, 49 | |
| Blue Lobelia | #28314D | 40, 49, 77 | 225°, 32%, 23% | 48, 36, 0, 70 | |
| New England Brick | #AD7065 | 173, 112, 101 | 9°, 31%, 54% | 0, 35, 42, 32 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #28314D on #AD7065 | 3.23:1 | AA large |
| Aa #77824A on #28314D | 3.10:1 | AA large |
| Aa #834F44 on #28314D | 1.93:1 | — |
| Aa #445780 on #AD7065 | 1.81:1 | — |
| Aa #445780 on #28314D | 1.78:1 | — |
| Aa #445780 on #77824A | 1.74:1 | — |
CSS variables
:root {
--color-1: #445780; /* Sailor */
--color-2: #834f44; /* Beauty Patch */
--color-3: #77824a; /* Grasshopper */
--color-4: #28314d; /* Blue Lobelia */
--color-5: #ad7065; /* New England Brick */
}Other schemes from Sailor
- Sailor Complementary Color Scheme#445780#7381B3#816945#51412D#B3A476
- Sailor Analogous Color Scheme#40826D#447382#445780#514B80#704783
- Sailor Triadic Color Scheme#445780#834253#5A8643#7A89B8#532934
- Sailor Tetradic Color Scheme#445780#834370#816945#408750#7A89B8
- Sailor Monochromatic Color Scheme#0C121B#28314D#445780#6376A9#96A8C8
More Dark Blue split-complementary palettes
- 20000 Leagues Under the Sea Split-complementary Color Scheme#191970#704214#536B1F#090533#AA6D28
- 3AM in Shibuya Split-complementary Color Scheme#225577#7B222A#747028#172B36#BB3344
- Abyssal Split-complementary Color Scheme#404C57#5E3A39#5E5D3D#1B2632#8D5455
- Aegean Blue Split-complementary Color Scheme#1B416F#701C1C#706C11#0E1D32#A92C29
- Alone in the Dark Split-complementary Color Scheme#000066#663300#376D03#01081C#B25F03
- Assassin Split-complementary Color Scheme#2D4F83#87382F#7C8635#1B294B#BC4E40
- Astral Split-complementary Color Scheme#376F89#8B3643#887938#234251#B8516A
- Atlantic Navy Split-complementary Color Scheme#13336F#772211#6A6E09#041330#AF3519
- Atlantis Split-complementary Color Scheme#336172#703642#736330#1E323B#A44B62
- Below the Surface Split-complementary Color Scheme#0A2F7C#7C1E08#6C7A0E#041330#C93413
- Beyond the Sea Split-complementary Color Scheme#005784#840014#8F7303#02273A#D00220
- Black Market Split-complementary Color Scheme#222244#433120#37412A#0B0C14#75583D
Questions
What colors go with Sailor?
In a split-complementary scheme: Beauty Patch (#834F44), Grasshopper (#77824A), Blue Lobelia (#28314D), New England Brick (#AD7065).
What is the hex code of Sailor?
#445780.