Bevelled Glass Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Bevelled Glass (#7ACCB8), each snapped to its nearest named color.
#7ACCB8
#CD7DB5
#CB8F7B
#42B395
#E4ADD3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Bevelled Glass | #7ACCB8 | 122, 204, 184 | 165°, 45%, 64% | 40, 0, 10, 20 | |
| Peruvian Lily | #CD7DB5 | 205, 125, 181 | 318°, 44%, 65% | 0, 39, 12, 20 | |
| Ginger Scent | #CB8F7B | 203, 143, 123 | 15°, 43%, 64% | 0, 30, 39, 20 | |
| Green Blue | #42B395 | 66, 179, 149 | 164°, 46%, 48% | 63, 0, 17, 30 | |
| Pink Plunge | #E4ADD3 | 228, 173, 211 | 319°, 50%, 79% | 0, 24, 7, 11 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CD7DB5 on #E4ADD3 | 1.56:1 | — |
| Aa #7ACCB8 on #CD7DB5 | 1.55:1 | — |
| Aa #CB8F7B on #E4ADD3 | 1.45:1 | — |
| Aa #7ACCB8 on #CB8F7B | 1.44:1 | — |
| Aa #42B395 on #E4ADD3 | 1.38:1 | — |
| Aa #7ACCB8 on #42B395 | 1.38:1 | — |
CSS variables
:root {
--color-1: #7accb8; /* Bevelled Glass */
--color-2: #cd7db5; /* Peruvian Lily */
--color-3: #cb8f7b; /* Ginger Scent */
--color-4: #42b395; /* Green Blue */
--color-5: #e4add3; /* Pink Plunge */
}Other schemes from Bevelled Glass
- Bevelled Glass Complementary Color Scheme#7ACCB8#BCE6DE#CC7A8B#B14566#E9C4CC
- Bevelled Glass Analogous Color Scheme#91CB7D#77CC88#7ACCB8#79B4CE#7F8FCA
- Bevelled Glass Triadic Color Scheme#7ACCB8#B86FC2#C7B778#C1E6DF#9448B0
- Bevelled Glass Tetradic Color Scheme#7ACCB8#8E72C7#CC7A8B#BACB7C#C1E6DF
- Bevelled Glass Monochromatic Color Scheme#307D67#42B395#7ACCB8#AFE3D6#EBF5F0
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
- 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
- Coast to Coast Split-complementary Color Scheme#BDD4D1#D7B9CB#D4C5BA#89BAB2#F4EBEF
Questions
What colors go with Bevelled Glass?
In a split-complementary scheme: Peruvian Lily (#CD7DB5), Ginger Scent (#CB8F7B), Green Blue (#42B395), Pink Plunge (#E4ADD3).
What is the hex code of Bevelled Glass?
#7ACCB8.