Serene Sea Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Serene Sea (#78A7C3), each snapped to its nearest named color.
#78A7C3
#C77986
#C7B778
#4885AA
#DDADAF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Serene Sea | #78A7C3 | 120, 167, 195 | 202°, 38%, 62% | 38, 14, 0, 24 | |
| Old Pink | #C77986 | 199, 121, 134 | 350°, 41%, 63% | 0, 39, 33, 22 | |
| Olive Marinade | #C7B778 | 199, 183, 120 | 48°, 41%, 63% | 0, 8, 40, 22 | |
| Cornwall | #4885AA | 72, 133, 170 | 203°, 40%, 47% | 58, 22, 0, 33 | |
| Pale Chestnut | #DDADAF | 221, 173, 175 | 358°, 41%, 77% | 0, 22, 21, 13 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #4885AA on #DDADAF | 2.05:1 | — |
| Aa #C7B778 on #4885AA | 2.01:1 | — |
| Aa #C77986 on #DDADAF | 1.64:1 | — |
| Aa #C77986 on #C7B778 | 1.61:1 | — |
| Aa #78A7C3 on #4885AA | 1.56:1 | — |
| Aa #78A7C3 on #DDADAF | 1.32:1 | — |
CSS variables
:root {
--color-1: #78a7c3; /* Serene Sea */
--color-2: #c77986; /* Old Pink */
--color-3: #c7b778; /* Olive Marinade */
--color-4: #4885aa; /* Cornwall */
--color-5: #ddadaf; /* Pale Chestnut */
}Other schemes from Serene Sea
- Serene Sea Complementary Color Scheme#78A7C3#B5CEDF#C4957A#A66C47#E5CDBE
- Serene Sea Analogous Color Scheme#72C895#7AC0BB#78A7C3#7B85C6#9470C4
- Serene Sea Triadic Color Scheme#78A7C3#C677A8#A3C57D#BED3E1#A3498A
- Serene Sea Tetradic Color Scheme#78A7C3#B86FC2#C4957A#8AC479#BED3E1
- Serene Sea Monochromatic Color Scheme#32586E#4885AA#78A7C3#AEC9DC#E2ECF2
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 Serene Sea?
In a split-complementary scheme: Old Pink (#C77986), Olive Marinade (#C7B778), Cornwall (#4885AA), Pale Chestnut (#DDADAF).
What is the hex code of Serene Sea?
#78A7C3.