Sail to the Sea Tetradic Color Scheme
Five colors arranged by the tetradic rule around Sail to the Sea (#99C3F0), each snapped to its nearest named color.
#99C3F0
#EE99EE
#ECC799
#90EE90
#EAF4FC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sail to the Sea | #99C3F0 | 153, 195, 240 | 211°, 74%, 77% | 36, 19, 0, 6 | |
| Diva Mecha | #EE99EE | 238, 153, 238 | 300°, 71%, 77% | 0, 36, 0, 7 | |
| Golden City Moon | #ECC799 | 236, 199, 153 | 33°, 69%, 76% | 0, 16, 35, 7 | |
| Ulva Lactuca Green | #90EE90 | 144, 238, 144 | 120°, 73%, 75% | 39, 0, 39, 7 | |
| Moon White | #EAF4FC | 234, 244, 252 | 207°, 75%, 95% | 7, 3, 0, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EE99EE on #EAF4FC | 1.81:1 | — |
| Aa #99C3F0 on #EAF4FC | 1.65:1 | — |
| Aa #ECC799 on #EAF4FC | 1.43:1 | — |
| Aa #EE99EE on #90EE90 | 1.42:1 | — |
| Aa #99C3F0 on #90EE90 | 1.30:1 | — |
| Aa #90EE90 on #EAF4FC | 1.27:1 | — |
CSS variables
:root {
--color-1: #99c3f0; /* Sail to the Sea */
--color-2: #ee99ee; /* Diva Mecha */
--color-3: #ecc799; /* Golden City Moon */
--color-4: #90ee90; /* Ulva Lactuca Green */
--color-5: #eaf4fc; /* Moon White */
}Other schemes from Sail to the Sea
- Sail to the Sea Complementary Color Scheme#99C3F0#EAF4FC#ECC799#E6A255#FBF4E8
- Sail to the Sea Analogous Color Scheme#9BEEC1#99EEEE#99C3F0#8F99FB#CC99EE
- Sail to the Sea Triadic Color Scheme#99C3F0#F49AC2#CCEE99#EAF4FC#E25098
- Sail to the Sea Split-complementary Color Scheme#99C3F0#EE9999#EEEE99#5B92E5#F8DCDB
- Sail to the Sea Monochromatic Color Scheme#1974D2#5B92E5#99C3F0#DBECFB#EAF4FC
More Light Blue tetradic palettes
- Acapulco Dive Tetradic Color Scheme#65A7DD#CC66DD#DD9966#77DD77#BBD5EF
- Adrift on the Nile Tetradic Color Scheme#93B8E3#EE99EE#E6BF95#9DE093#E8EFF8
- Airborne Tetradic Color Scheme#A2C2D0#C6A1CF#CEADA3#A7CCA4#E5EDF1
- Arcane Brew Tetradic Color Scheme#5260E1#F246A7#E2CD52#58F898#A3B1F2
- Arctic Ice Tetradic Color Scheme#B6BDD0#D1B5CA#D2CBB4#B5D1BE#EEF2F3
- Azureno Tetradic Color Scheme#8FA0D5#DA93C1#D3C190#95D6A1#DCDFEF
- Below Zero Tetradic Color Scheme#87CDED#D891EF#EDAA86#90EE90#E0F6FB
- Birdie Num Num Tetradic Color Scheme#89ACDA#CC88DD#DCB68A#98D98E#D8E1F1
- Blank Stare Tetradic Color Scheme#8B9CAC#B085B7#B49C83#82B185#C3CFDC
- Blue Bay Tetradic Color Scheme#619AD6#CC66DD#D79E62#62C46C#AED1E8
- Blue Haze Tetradic Color Scheme#BDBACE#D6B3C0#CFD2B5#B5D1C7#F3F1F3
- Blue Jay Tetradic Color Scheme#5588DD#DD55CC#DDAA55#44DD66#A7C2EB
Questions
What colors go with Sail to the Sea?
In a tetradic scheme: Diva Mecha (#EE99EE), Golden City Moon (#ECC799), Ulva Lactuca Green (#90EE90), Moon White (#EAF4FC).
What is the hex code of Sail to the Sea?
#99C3F0.