Thalassa Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Thalassa (#53B1BA), each snapped to its nearest named color.
#53B1BA
#B4547E
#BB8E55
#358082
#D28CA7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Thalassa | #53B1BA | 83, 177, 186 | 185°, 43%, 53% | 55, 5, 0, 27 | 70.7% 0.089 204 | |
| Speedwell | #B4547E | 180, 84, 126 | 334°, 39%, 52% | 0, 53, 30, 29 | 57.7% 0.133 355 | |
| Summer Weasel | #BB8E55 | 187, 142, 85 | 34°, 43%, 53% | 0, 24, 55, 27 | 67.7% 0.092 72 | |
| Green Blue Slate | #358082 | 53, 128, 130 | 182°, 42%, 36% | 59, 2, 0, 49 | 55.4% 0.073 198 | |
| Kiss | #D28CA7 | 210, 140, 167 | 337°, 44%, 69% | 0, 33, 20, 18 | 71.8% 0.091 355 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #53B1BA on #B4547E | 1.85:1 | — |
| Aa #53B1BA on #358082 | 1.83:1 | — |
| Aa #B4547E on #D28CA7 | 1.78:1 | — |
| Aa #358082 on #D28CA7 | 1.76:1 | — |
| Aa #B4547E on #BB8E55 | 1.58:1 | — |
| Aa #BB8E55 on #358082 | 1.56:1 | — |
CSS variables
:root {
--color-1: #53b1ba; /* Thalassa */
--color-2: #b4547e; /* Speedwell */
--color-3: #bb8e55; /* Summer Weasel */
--color-4: #358082; /* Green Blue Slate */
--color-5: #d28ca7; /* Kiss */
}Other schemes from Thalassa
- Thalassa Complementary Color Scheme#53B1BA#96CED5#B85B57#8A3C38#DBA29E
- Thalassa Analogous Color Scheme#56AE57#56B78F#53B1BA#597FB9#5959AB
- Thalassa Triadic Color Scheme#53B1BA#BF5BB0#B0B454#9AD4D8#853682
- Thalassa Tetradic Color Scheme#53B1BA#9955BB#B85B57#7EBA4D#9AD4D8
- Thalassa Monochromatic Color Scheme#204F54#358082#53B1BA#8AC7D4#C2E2E7
More medium teal split-complementary color schemes
- Aggressive Aqua Split-complementary Color Scheme#00FBFF#FF007E#FF8400#01B1AF#FE54A3
- Ambrosial Oceanside Split-complementary Color Scheme#47AE9C#AA4488#AF6649#31796D#C677A8
- Aphrodite Aqua Split-complementary Color Scheme#45E9C1#F246A7#EC7042#00CC99#F092D6
- Aqua Split-complementary Color Scheme#0FF0FE#FF1177#FF9613#06B1C4#FF55A3
- Aquamarine Split-complementary Color Scheme#2EE8BB#E936A7#E95E2A#1DB394#FF6EC7
- Aquarius Split-complementary Color Scheme#2DB0CE#CC3366#CD9C2B#1B7D8D#DA6D91
- Arctic Split-complementary Color Scheme#648589#915870#937B56#3A6364#B48395
- Arctic Water Split-complementary Color Scheme#00FCFC#FF007E#FF7E00#01B1AF#FE46A5
- Atlas Cedar Split-complementary Color Scheme#5CA0A7#AD5B78#AA895D#417074#C28BA1
- Blue Bikini Split-complementary Color Scheme#00BBEE#EE0044#EEAA00#007FA2#FF3F6A
- Blue Bobbin Split-complementary Color Scheme#52B4CA#C85179#C5A253#30949D#DC89A8
- Blue Martini Split-complementary Color Scheme#52B4D3#CF5570#CFB352#338DAE#E78EA5
Questions
What colors go with Thalassa?
In a split-complementary scheme: Speedwell (#B4547E), Summer Weasel (#BB8E55), Green Blue Slate (#358082), Kiss (#D28CA7).
What is the hex code of Thalassa?
#53B1BA.