Shallow Sea Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Shallow Sea (#9AB8C2), each snapped to its nearest named color.
#9AB8C2
#C19AA5
#C2B79A
#6C98A2
#DFCBCF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Shallow Sea | #9AB8C2 | 154, 184, 194 | 195°, 25%, 68% | 21, 5, 0, 24 | |
| Artichoke Mauve | #C19AA5 | 193, 154, 165 | 343°, 24%, 68% | 0, 20, 15, 24 | |
| Distant Valley | #C2B79A | 194, 183, 154 | 44°, 25%, 68% | 0, 6, 21, 24 | |
| Flood Tide | #6C98A2 | 108, 152, 162 | 191°, 22%, 53% | 33, 6, 0, 36 | |
| Mega Metal Mecha | #DFCBCF | 223, 203, 207 | 348°, 24%, 84% | 0, 9, 7, 13 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #6C98A2 on #DFCBCF | 2.04:1 | — |
| Aa #C19AA5 on #DFCBCF | 1.61:1 | — |
| Aa #C2B79A on #6C98A2 | 1.58:1 | — |
| Aa #9AB8C2 on #6C98A2 | 1.50:1 | — |
| Aa #9AB8C2 on #DFCBCF | 1.36:1 | — |
| Aa #C2B79A on #DFCBCF | 1.29:1 | — |
CSS variables
:root {
--color-1: #9ab8c2; /* Shallow Sea */
--color-2: #c19aa5; /* Artichoke Mauve */
--color-3: #c2b79a; /* Distant Valley */
--color-4: #6c98a2; /* Flood Tide */
--color-5: #dfcbcf; /* Mega Metal Mecha */
}Other schemes from Shallow Sea
- Shallow Sea Complementary Color Scheme#9AB8C2#D1E1E4#C3A598#AA7766#E8DEDA
- Shallow Sea Analogous Color Scheme#9FC5AA#9AC0B6#9AB8C2#9EA5C3#A598C4
- Shallow Sea Triadic Color Scheme#9AB8C2#CA99B7#BBC199#DAE6E9#A46A95
- Shallow Sea Tetradic Color Scheme#9AB8C2#B99BC5#C3A598#A2C09B#DAE6E9
- Shallow Sea Monochromatic Color Scheme#486C7A#6797A2#9AB8C2#CADADE#F1F3F3
More Light Blue split-complementary palettes
- Acapulco Dive Split-complementary Color Scheme#65A7DD#D76968#DCD867#2987C7#EBA0A7
- Adrift on the Nile Split-complementary Color Scheme#93B8E3#E29991#E5E896#518FD1#F5D1CF
- Airborne Split-complementary Color Scheme#A2C2D0#CFA2AD#D0C6A1#70A5B7#ECD5D9
- Arcane Brew Split-complementary Color Scheme#5260E1#E68750#A7E142#243BCD#E8B793
- Arctic Ice Split-complementary Color Scheme#B6BDD0#D2BBB2#CCD1B2#818DB3#F0E5E5
- Azureno Split-complementary Color Scheme#8FA0D5#D5A193#C3DB8D#5D76CB#EBCFC7
- Below Zero Split-complementary Color Scheme#87CDED#F08497#EAD988#4CA8E0#F8CAD5
- Birdie Num Num Split-complementary Color Scheme#89ACDA#DA8C87#D8DB8B#5383C3#EEC6C3
- Blank Stare Split-complementary Color Scheme#8B9CAC#B38380#B4B780#597695#CEB0B5
- Blue Bay Split-complementary Color Scheme#619AD6#D46362#D6D963#3473B7#E39E9C
- Blue Haze Split-complementary Color Scheme#BDBACE#D2C7B7#C1D0B2#9188B5#EFEDE6
- Blue Jay Split-complementary Color Scheme#5588DD#DD6655#D0D557#2266BB#E29D94
Questions
What colors go with Shallow Sea?
In a split-complementary scheme: Artichoke Mauve (#C19AA5), Distant Valley (#C2B79A), Flood Tide (#6C98A2), Mega Metal Mecha (#DFCBCF).
What is the hex code of Shallow Sea?
#9AB8C2.