Near Moon Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Near Moon (#5EE7DF), each snapped to its nearest named color.
#5EE7DF
#FF55AA
#EB975E
#22CCCC
#F0A0D1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Near Moon | #5EE7DF | 94, 231, 223 | 176°, 74%, 64% | 59, 0, 3, 9 | |
| Pink Katydid | #FF55AA | 255, 85, 170 | 330°, 100%, 67% | 0, 67, 33, 0 | |
| Topaz Yellow | #EB975E | 235, 151, 94 | 24°, 78%, 65% | 0, 36, 60, 8 | |
| Mermaid Net | #22CCCC | 34, 204, 204 | 180°, 71%, 47% | 83, 0, 0, 20 | |
| Violet Kiss | #F0A0D1 | 240, 160, 209 | 323°, 73%, 78% | 0, 33, 13, 6 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #5EE7DF on #FF55AA | 1.96:1 | — |
| Aa #5EE7DF on #EB975E | 1.53:1 | — |
| Aa #FF55AA on #F0A0D1 | 1.49:1 | — |
| Aa #FF55AA on #22CCCC | 1.48:1 | — |
| Aa #5EE7DF on #22CCCC | 1.32:1 | — |
| Aa #5EE7DF on #F0A0D1 | 1.31:1 | — |
CSS variables
:root {
--color-1: #5ee7df; /* Near Moon */
--color-2: #ff55aa; /* Pink Katydid */
--color-3: #eb975e; /* Topaz Yellow */
--color-4: #22cccc; /* Mermaid Net */
--color-5: #f0a0d1; /* Violet Kiss */
}Other schemes from Near Moon
- Near Moon Complementary Color Scheme#5EE7DF#ABF5ED#E35F66#DA202A#F7B6BA
- Near Moon Analogous Color Scheme#70F15E#58F898#5EE7DF#5DADEC#5566EE
- Near Moon Triadic Color Scheme#5EE7DF#CC55EE#EDDF5E#BBEEEE#D725DE
- Near Moon Tetradic Color Scheme#5EE7DF#9457EB#E35F66#B2EC5D#BBEEEE
- Near Moon Monochromatic Color Scheme#0F9B8E#22CCCC#5EE7DF#ABF5ED#E7FAFA
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 Near Moon?
In a split-complementary scheme: Pink Katydid (#FF55AA), Topaz Yellow (#EB975E), Mermaid Net (#22CCCC), Violet Kiss (#F0A0D1).
What is the hex code of Near Moon?
#5EE7DF.