Lagoon Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Lagoon (#4B9B93), each snapped to its nearest named color.
#4B9B93
#9C4A7D
#9E6B4A
#2B6460
#BD79A5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Lagoon | #4B9B93 | 75, 155, 147 | 174°, 35%, 45% | 52, 0, 5, 39 | |
| Orchid Lei | #9C4A7D | 156, 74, 125 | 323°, 36%, 45% | 0, 53, 20, 39 | |
| Brown Eyes | #9E6B4A | 158, 107, 74 | 24°, 36%, 45% | 0, 32, 53, 38 | |
| Strong Sage | #2B6460 | 43, 100, 96 | 176°, 40%, 28% | 57, 0, 4, 61 | |
| Hollyhock Blossom Pink | #BD79A5 | 189, 121, 165 | 321°, 34%, 61% | 0, 36, 13, 26 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #2B6460 on #BD79A5 | 2.08:1 | — |
| Aa #4B9B93 on #2B6460 | 2.07:1 | — |
| Aa #9C4A7D on #BD79A5 | 1.75:1 | — |
| Aa #4B9B93 on #9C4A7D | 1.74:1 | — |
| Aa #9E6B4A on #2B6460 | 1.50:1 | — |
| Aa #9E6B4A on #BD79A5 | 1.38:1 | — |
CSS variables
:root {
--color-1: #4b9b93; /* Lagoon */
--color-2: #9c4a7d; /* Orchid Lei */
--color-3: #9e6b4a; /* Brown Eyes */
--color-4: #2b6460; /* Strong Sage */
--color-5: #bd79a5; /* Hollyhock Blossom Pink */
}Other schemes from Lagoon
- Lagoon Complementary Color Scheme#4B9B93#81C3B4#974953#663333#C48692
- Lagoon Analogous Color Scheme#5A9E4B#539B6A#4B9B93#4C7A9D#51529C
- Lagoon Triadic Color Scheme#4B9B93#8F509D#9A9147#8AC6BD#663366
- Lagoon Tetradic Color Scheme#4B9B93#734F96#974953#789B4A#8AC6BD
- Lagoon Monochromatic Color Scheme#193232#2B6460#4B9B93#77BCB6#AAD4D1
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 Lagoon?
In a split-complementary scheme: Orchid Lei (#9C4A7D), Brown Eyes (#9E6B4A), Strong Sage (#2B6460), Hollyhock Blossom Pink (#BD79A5).
What is the hex code of Lagoon?
#4B9B93.