Sail to the Sea Triadic Color Scheme
Five colors arranged by the triadic rule around Sail to the Sea (#99C3F0), each snapped to its nearest named color.
#99C3F0
#F49AC2
#CCEE99
#EAF4FC
#E25098
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sail to the Sea | #99C3F0 | 153, 195, 240 | 211°, 74%, 77% | 36, 19, 0, 6 | |
| Pastel Magenta | #F49AC2 | 244, 154, 194 | 333°, 80%, 78% | 0, 37, 20, 4 | |
| Laced Green | #CCEE99 | 204, 238, 153 | 84°, 71%, 77% | 14, 0, 36, 7 | |
| Moon White | #EAF4FC | 234, 244, 252 | 207°, 75%, 95% | 7, 3, 0, 1 | |
| Raspberry Pink | #E25098 | 226, 80, 152 | 330°, 72%, 60% | 0, 65, 33, 11 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EAF4FC on #E25098 | 3.23:1 | AA large |
| Aa #CCEE99 on #E25098 | 2.79:1 | — |
| Aa #99C3F0 on #E25098 | 1.96:1 | — |
| Aa #F49AC2 on #EAF4FC | 1.84:1 | — |
| Aa #F49AC2 on #E25098 | 1.76:1 | — |
| Aa #99C3F0 on #EAF4FC | 1.65:1 | — |
CSS variables
:root {
--color-1: #99c3f0; /* Sail to the Sea */
--color-2: #f49ac2; /* Pastel Magenta */
--color-3: #ccee99; /* Laced Green */
--color-4: #eaf4fc; /* Moon White */
--color-5: #e25098; /* Raspberry Pink */
}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 Split-complementary Color Scheme#99C3F0#EE9999#EEEE99#5B92E5#F8DCDB
- Sail to the Sea Tetradic Color Scheme#99C3F0#EE99EE#ECC799#90EE90#EAF4FC
- Sail to the Sea Monochromatic Color Scheme#1974D2#5B92E5#99C3F0#DBECFB#EAF4FC
More Light Blue triadic palettes
- Acapulco Dive Triadic Color Scheme#65A7DD#D767AD#AADD66#BBD5EF#CC3388
- Adrift on the Nile Triadic Color Scheme#93B8E3#E292B6#B2E191#E8EFF8#CC5588
- Airborne Triadic Color Scheme#A2C2D0#CFA1C7#C0CBA1#E5EDF1#B26BA2
- Arcane Brew Triadic Color Scheme#5260E1#E35A63#70F15E#A3B1F2#C52033
- Arctic Ice Triadic Color Scheme#B6BDD0#D2B6BE#BAD1B5#EEF2F3#B38491
- Azureno Triadic Color Scheme#8FA0D5#D194A1#A6D292#DCDFEF#C3556F
- Below Zero Triadic Color Scheme#87CDED#EE88CC#CFE587#E0F6FB#F246A7
- Birdie Num Num Triadic Color Scheme#89ACDA#DB88AC#A5D785#D8E1F1#CD4E82
- Blank Stare Triadic Color Scheme#8B9CAC#B18398#9DB682#C3CFDC#8F5973
- Blue Bay Triadic Color Scheme#619AD6#DD669D#8DCE65#AED1E8#BB3377
- Blue Haze Triadic Color Scheme#BDBACE#D4BBB6#B8D4BB#F3F1F3#B68B88
- Blue Jay Triadic Color Scheme#5588DD#DE5D83#88DD55#A7C2EB#BB2266
Questions
What colors go with Sail to the Sea?
In a triadic scheme: Pastel Magenta (#F49AC2), Laced Green (#CCEE99), Moon White (#EAF4FC), Raspberry Pink (#E25098).
What is the hex code of Sail to the Sea?
#99C3F0.