Fish Pond Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Fish Pond (#86C8ED), each snapped to its nearest named color.
#86C8ED
#F08497
#EEDD88
#4CA8E0
#FAC8CE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Fish Pond | #86C8ED | 134, 200, 237 | 202°, 74%, 73% | 43, 16, 0, 7 | |
| Xoxo | #F08497 | 240, 132, 151 | 349°, 78%, 73% | 0, 45, 37, 6 | |
| Coco-Lemon Tart | #EEDD88 | 238, 221, 136 | 50°, 75%, 73% | 0, 7, 43, 7 | |
| High Blue | #4CA8E0 | 76, 168, 224 | 203°, 70%, 59% | 66, 25, 0, 12 | |
| Rosey Afterglow | #FAC8CE | 250, 200, 206 | 353°, 83%, 88% | 0, 20, 18, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EEDD88 on #4CA8E0 | 1.92:1 | — |
| Aa #F08497 on #EEDD88 | 1.81:1 | — |
| Aa #4CA8E0 on #FAC8CE | 1.78:1 | — |
| Aa #F08497 on #FAC8CE | 1.68:1 | — |
| Aa #86C8ED on #4CA8E0 | 1.44:1 | — |
| Aa #86C8ED on #F08497 | 1.36:1 | — |
CSS variables
:root {
--color-1: #86c8ed; /* Fish Pond */
--color-2: #f08497; /* Xoxo */
--color-3: #eedd88; /* Coco-Lemon Tart */
--color-4: #4ca8e0; /* High Blue */
--color-5: #fac8ce; /* Rosey Afterglow */
}Other schemes from Fish Pond
- Fish Pond Complementary Color Scheme#86C8ED#D5EDFB#EDAA86#E67C41#FBE9DE
- Fish Pond Analogous Color Scheme#80F9AD#88FFDD#86C8ED#8F8CE7#B195E4
- Fish Pond Triadic Color Scheme#86C8ED#EE88CC#C6EA80#DFF1FD#F246A7
- Fish Pond Tetradic Color Scheme#86C8ED#D891EF#EDAA86#90EE90#DFF1FD
- Fish Pond Monochromatic Color Scheme#1682B9#4CA8E0#86C8ED#C5E6F7#E8F5FC
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 Fish Pond?
In a split-complementary scheme: Xoxo (#F08497), Coco-Lemon Tart (#EEDD88), High Blue (#4CA8E0), Rosey Afterglow (#FAC8CE).
What is the hex code of Fish Pond?
#86C8ED.