Hammam Blue Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Hammam Blue (#65DCD6), each snapped to its nearest named color.
#65DCD6
#D767AD
#DD9966
#2DC5BB
#ECA6CA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Hammam Blue | #65DCD6 | 101, 220, 214 | 177°, 63%, 63% | 54, 0, 3, 14 | |
| Mega Magenta | #D767AD | 215, 103, 173 | 323°, 58%, 62% | 0, 52, 20, 16 | |
| Brown Yellow | #DD9966 | 221, 153, 102 | 26°, 64%, 63% | 0, 31, 54, 13 | |
| Swimmers Pool | #2DC5BB | 45, 197, 187 | 176°, 63%, 47% | 77, 0, 5, 23 | |
| Elastic Pink | #ECA6CA | 236, 166, 202 | 329°, 65%, 79% | 0, 30, 14, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #65DCD6 on #D767AD | 1.98:1 | — |
| Aa #D767AD on #ECA6CA | 1.69:1 | — |
| Aa #D767AD on #2DC5BB | 1.53:1 | — |
| Aa #65DCD6 on #DD9966 | 1.45:1 | — |
| Aa #D767AD on #DD9966 | 1.37:1 | — |
| Aa #65DCD6 on #2DC5BB | 1.30:1 | — |
CSS variables
:root {
--color-1: #65dcd6; /* Hammam Blue */
--color-2: #d767ad; /* Mega Magenta */
--color-3: #dd9966; /* Brown Yellow */
--color-4: #2dc5bb; /* Swimmers Pool */
--color-5: #eca6ca; /* Elastic Pink */
}Other schemes from Hammam Blue
- Hammam Blue Complementary Color Scheme#65DCD6#B1EAE8#D76968#C92A37#EEBABC
- Hammam Blue Analogous Color Scheme#77DD77#6ADC99#65DCD6#65A7DD#6264DC
- Hammam Blue Triadic Color Scheme#65DCD6#CC66DD#DCD867#BBEEEE#AA22CC
- Hammam Blue Tetradic Color Scheme#65DCD6#9D61D4#D76968#AADD66#BBEEEE
- Hammam Blue Monochromatic Color Scheme#189086#2DC5BB#65DCD6#A3E3ED#E0F6FB
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 Hammam Blue?
In a split-complementary scheme: Mega Magenta (#D767AD), Brown Yellow (#DD9966), Swimmers Pool (#2DC5BB), Elastic Pink (#ECA6CA).
What is the hex code of Hammam Blue?
#65DCD6.