Crystal Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Crystal (#A7D8DE), each snapped to its nearest named color.
#A7D8DE
#DDAABB
#DEC8A6
#6ABAC4
#F5DFE7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Crystal | #A7D8DE | 167, 216, 222 | 187°, 45%, 76% | 25, 3, 0, 13 | |
| Apple Infusion | #DDAABB | 221, 170, 187 | 340°, 43%, 77% | 0, 23, 15, 13 | |
| Pita Bread | #DEC8A6 | 222, 200, 166 | 36°, 46%, 76% | 0, 10, 25, 13 | |
| Azul Turquesa | #6ABAC4 | 106, 186, 196 | 187°, 43%, 59% | 46, 5, 0, 23 | |
| Wishy-Washy Lilies | #F5DFE7 | 245, 223, 231 | 338°, 52%, 92% | 0, 9, 6, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #6ABAC4 on #F5DFE7 | 1.76:1 | — |
| Aa #DDAABB on #F5DFE7 | 1.57:1 | — |
| Aa #A7D8DE on #6ABAC4 | 1.43:1 | — |
| Aa #DEC8A6 on #6ABAC4 | 1.37:1 | — |
| Aa #DEC8A6 on #F5DFE7 | 1.28:1 | — |
| Aa #A7D8DE on #DDAABB | 1.28:1 | — |
CSS variables
:root {
--color-1: #a7d8de; /* Crystal */
--color-2: #ddaabb; /* Apple Infusion */
--color-3: #dec8a6; /* Pita Bread */
--color-4: #6abac4; /* Azul Turquesa */
--color-5: #f5dfe7; /* Wishy-Washy Lilies */
}Other schemes from Crystal
- Crystal Complementary Color Scheme#A7D8DE#EBF6F7#DFAFA4#C87570#F6EEED
- Crystal Analogous Color Scheme#ACDFAD#AADCCD#A7D8DE#A6BADF#A5A8D6
- Crystal Triadic Color Scheme#A7D8DE#DDAADD#D5DCA9#ECF7F7#CF71AF
- Crystal Tetradic Color Scheme#A7D8DE#CDA5DF#DFAFA4#B8DCA7#ECF7F7
- Crystal Monochromatic Color Scheme#41A1AA#6ABAC4#A7D8DE#DDF0F0#ECF7F7
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 Crystal?
In a split-complementary scheme: Apple Infusion (#DDAABB), Pita Bread (#DEC8A6), Azul Turquesa (#6ABAC4), Wishy-Washy Lilies (#F5DFE7).
What is the hex code of Crystal?
#A7D8DE.