Sea Serpent Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Sea Serpent (#4BC7CF), each snapped to its nearest named color.
#4BC7CF
#CD4E82
#D1974C
#2A9CA0
#DB88AC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sea Serpent | #4BC7CF | 75, 199, 207 | 184°, 58%, 55% | 64, 4, 0, 19 | |
| Pink Flambé | #CD4E82 | 205, 78, 130 | 335°, 56%, 55% | 0, 62, 37, 20 | |
| Georgian Yellow | #D1974C | 209, 151, 76 | 34°, 59%, 56% | 0, 28, 64, 18 | |
| Empress Envy | #2A9CA0 | 42, 156, 160 | 182°, 58%, 40% | 74, 2, 0, 37 | |
| Springtime Bloom | #DB88AC | 219, 136, 172 | 334°, 54%, 70% | 0, 38, 21, 14 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #4BC7CF on #CD4E82 | 2.07:1 | — |
| Aa #CD4E82 on #D1974C | 1.65:1 | — |
| Aa #4BC7CF on #2A9CA0 | 1.63:1 | — |
| Aa #CD4E82 on #DB88AC | 1.62:1 | — |
| Aa #D1974C on #2A9CA0 | 1.30:1 | — |
| Aa #2A9CA0 on #DB88AC | 1.28:1 | — |
CSS variables
:root {
--color-1: #4bc7cf; /* Sea Serpent */
--color-2: #cd4e82; /* Pink Flambé */
--color-3: #d1974c; /* Georgian Yellow */
--color-4: #2a9ca0; /* Empress Envy */
--color-5: #db88ac; /* Springtime Bloom */
}Other schemes from Sea Serpent
- Sea Serpent Complementary Color Scheme#4BC7CF#8DDEE1#CF524E#A82F2E#E3A49A
- Sea Serpent Analogous Color Scheme#58D854#5CCD97#4BC7CF#4A87CB#5A4FCF
- Sea Serpent Triadic Color Scheme#4BC7CF#DF4EC8#C9CC4A#96E2E1#A83A9A
- Sea Serpent Tetradic Color Scheme#4BC7CF#9955CC#CF524E#88CC44#96E2E1
- Sea Serpent Monochromatic Color Scheme#166461#2A9CA0#4BC7CF#88DDDD#C4ECF0
More Medium Teal split-complementary palettes
- 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 Sea Serpent?
In a split-complementary scheme: Pink Flambé (#CD4E82), Georgian Yellow (#D1974C), Empress Envy (#2A9CA0), Springtime Bloom (#DB88AC).
What is the hex code of Sea Serpent?
#4BC7CF.