Tropical Rain Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Tropical Rain (#447777), each snapped to its nearest named color.
#447777
#75495E
#7A5D46
#274447
#A16381
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Tropical Rain | #447777 | 68, 119, 119 | 180°, 27%, 37% | 43, 0, 0, 53 | |
| Bewitching | #75495E | 117, 73, 94 | 331°, 23%, 37% | 0, 38, 20, 54 | |
| Ridgeline | #7A5D46 | 122, 93, 70 | 27°, 27%, 38% | 0, 24, 43, 52 | |
| Ai Indigo | #274447 | 39, 68, 71 | 186°, 29%, 22% | 45, 4, 0, 72 | |
| Beryl Red | #A16381 | 161, 99, 129 | 331°, 25%, 51% | 0, 39, 20, 37 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #274447 on #A16381 | 2.30:1 | — |
| Aa #447777 on #274447 | 2.07:1 | — |
| Aa #7A5D46 on #274447 | 1.74:1 | — |
| Aa #75495E on #A16381 | 1.61:1 | — |
| Aa #447777 on #75495E | 1.45:1 | — |
| Aa #75495E on #274447 | 1.43:1 | — |
CSS variables
:root {
--color-1: #447777; /* Tropical Rain */
--color-2: #75495e; /* Bewitching */
--color-3: #7a5d46; /* Ridgeline */
--color-4: #274447; /* Ai Indigo */
--color-5: #a16381; /* Beryl Red */
}Other schemes from Tropical Rain
- Tropical Rain Complementary Color Scheme#447777#72ACAD#794344#4B2929#AD7171
- Tropical Rain Analogous Color Scheme#447744#4C785C#447777#475F77#444172
- Tropical Rain Triadic Color Scheme#447777#784674#777A44#72B2AF#462343
- Tropical Rain Tetradic Color Scheme#447777#5B4276#794344#5E774A#72B2AF
- Tropical Rain Monochromatic Color Scheme#0F1519#274447#447777#61A9A5#8EC1C0
More Dark Teal split-complementary palettes
- After the Storm Split-complementary Color Scheme#33616A#6D3445#6A5536#1C3339#9F4D65
- Ahoy! Blue Split-complementary Color Scheme#0082A1#AA0033#AB7100#004455#EE0044
- Aqua Obscura Split-complementary Color Scheme#05696B#66033C#6E3A07#002222#A50B5E
- Arctic Nights Split-complementary Color Scheme#345C61#623745#665134#193232#955264
- Baltic Split-complementary Color Scheme#279D9F#9F2B68#9D652B#166461#C84186
- Beau Vert Split-complementary Color Scheme#0C6064#66033C#6E3A07#041723#AA1155
- Bermuda Split-complementary Color Scheme#1B7D8D#871646#97691E#0B474A#CC2266
- Billiard Split-complementary Color Scheme#00AF9F#AA0066#B64701#016459#FF0099
- Bleu Ciel Split-complementary Color Scheme#007BA1#AA0033#A87900#004058#F2013F
- Blue Fjord Split-complementary Color Scheme#007290#900020#886600#003344#DD0044
- Blue Ocean Split-complementary Color Scheme#009DC4#C40233#C68400#04627A#FF1155
- Blue-Collar Split-complementary Color Scheme#005F7A#770022#7A5901#002233#C40233
Questions
What colors go with Tropical Rain?
In a split-complementary scheme: Bewitching (#75495E), Ridgeline (#7A5D46), Ai Indigo (#274447), Beryl Red (#A16381).
What is the hex code of Tropical Rain?
#447777.