Shallow Water Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Shallow Water (#8AF1FE), each snapped to its nearest named color.
#8AF1FE
#FF88BB
#FFD18C
#22EEFF
#FDD6E5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Shallow Water | #8AF1FE | 138, 241, 254 | 187°, 98%, 77% | 46, 5, 0, 0 | |
| Cochonnet | #FF88BB | 255, 136, 187 | 334°, 100%, 77% | 0, 47, 27, 0 | |
| Sunporch | #FFD18C | 255, 209, 140 | 36°, 100%, 77% | 0, 18, 45, 0 | |
| Sparky Blue | #22EEFF | 34, 238, 255 | 185°, 100%, 57% | 87, 7, 0, 0 | |
| Powder Pink | #FDD6E5 | 253, 214, 229 | 337°, 91%, 92% | 0, 15, 9, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8AF1FE on #FF88BB | 1.70:1 | — |
| Aa #FF88BB on #FDD6E5 | 1.68:1 | — |
| Aa #FF88BB on #FFD18C | 1.55:1 | — |
| Aa #FF88BB on #22EEFF | 1.55:1 | — |
| Aa #8AF1FE on #22EEFF | 1.09:1 | — |
| Aa #8AF1FE on #FFD18C | 1.09:1 | — |
CSS variables
:root {
--color-1: #8af1fe; /* Shallow Water */
--color-2: #ff88bb; /* Cochonnet */
--color-3: #ffd18c; /* Sunporch */
--color-4: #22eeff; /* Sparky Blue */
--color-5: #fdd6e5; /* Powder Pink */
}Other schemes from Shallow Water
- Shallow Water Complementary Color Scheme#8AF1FE#E7FEFF#FF9889#FA5B3D#FFE8E5
- Shallow Water Analogous Color Scheme#8CFF9E#88FFCC#8AF1FE#8AB8FE#8B88F8
- Shallow Water Triadic Color Scheme#8AF1FE#F984EF#FFFF88#E7FEFF#FF33EE
- Shallow Water Tetradic Color Scheme#8AF1FE#CC88FF#FF9889#BBFF99#E7FEFF
- Shallow Water Monochromatic Color Scheme#02D8E9#22EEFF#8AF1FE#D7FEFE#E7FEFF
More Light Teal split-complementary palettes
- Aqua Fiesta Split-complementary Color Scheme#96E2E1#E899BE#E0BB96#58CFD4#F2D4E2
- Aquatic Split-complementary Color Scheme#99C1CC#CC99AA#CDBE96#66A4B0#E4CCD4
- Aquatic Edge Split-complementary Color Scheme#BFD6D1#D9BFCE#DAC5BD#89BAB2#F5F0F1
- Bambino Split-complementary Color Scheme#8EDACC#DA93C1#D8A48F#58C8B6#EFC6E1
- Bath Water Split-complementary Color Scheme#88EEEE#FF88BB#EEBB88#45E9FD#F5CEE6
- Beach Glass Split-complementary Color Scheme#96DFCE#DE9BC4#DDA896#58CEB2#EECEE6
- Bevelled Glass Split-complementary Color Scheme#7ACCB8#CD7DB5#CB8F7B#42B395#E4ADD3
- Blizzard Blue Split-complementary Color Scheme#A3E3ED#F0A3BC#EDD2A3#6CDAE7#FAE2ED
- Blue Eye Samurai Split-complementary Color Scheme#75AEBD#BB7788#BEA775#49889A#D8AAB7
- Catch the Wave Split-complementary Color Scheme#B5DCD8#DAB6CD#DAC5B6#89C1BA#F4EAF0
- Cerulean Skies Split-complementary Color Scheme#8CC6CB#C88CA4#CBB08C#52A8B2#E2C3CF
- Clear Water Split-complementary Color Scheme#AAD5DB#DDAABB#D9C7AA#73B7C2#F1E0E8
Questions
What colors go with Shallow Water?
In a split-complementary scheme: Cochonnet (#FF88BB), Sunporch (#FFD18C), Sparky Blue (#22EEFF), Powder Pink (#FDD6E5).
What is the hex code of Shallow Water?
#8AF1FE.