Beach Glass Complementary Color Scheme
Five colors arranged by the complementary rule around Beach Glass (#96DFCE), each snapped to its nearest named color.
#96DFCE
#DDF2EE
#DD98A6
#CF5A70
#F9E4E9
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Beach Glass | #96DFCE | 150, 223, 206 | 166°, 53%, 73% | 33, 0, 8, 13 | |
| Aqua Pura | #DDF2EE | 221, 242, 238 | 169°, 45%, 91% | 9, 0, 2, 5 | |
| Cherry Ice | #DD98A6 | 221, 152, 166 | 348°, 50%, 73% | 0, 31, 25, 13 | |
| Rapture Rose | #CF5A70 | 207, 90, 112 | 349°, 55%, 58% | 0, 57, 46, 19 | |
| Pink Tutu | #F9E4E9 | 249, 228, 233 | 346°, 64%, 94% | 0, 8, 6, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DDF2EE on #CF5A70 | 3.37:1 | AA large |
| Aa #CF5A70 on #F9E4E9 | 3.23:1 | AA large |
| Aa #96DFCE on #CF5A70 | 2.57:1 | — |
| Aa #DDF2EE on #DD98A6 | 1.98:1 | — |
| Aa #DD98A6 on #F9E4E9 | 1.90:1 | — |
| Aa #DD98A6 on #CF5A70 | 1.70:1 | — |
CSS variables
:root {
--color-1: #96dfce; /* Beach Glass */
--color-2: #ddf2ee; /* Aqua Pura */
--color-3: #dd98a6; /* Cherry Ice */
--color-4: #cf5a70; /* Rapture Rose */
--color-5: #f9e4e9; /* Pink Tutu */
}Other schemes from Beach Glass
- Beach Glass Analogous Color Scheme#ABDF8F#99DEAD#96DFCE#8FCBDC#97A3DA
- Beach Glass Triadic Color Scheme#96DFCE#CC99DD#DECE96#E2F7F1#BB55CC
- Beach Glass Split-complementary Color Scheme#96DFCE#DE9BC4#DDA896#58CEB2#EECEE6
- Beach Glass Tetradic Color Scheme#96DFCE#B19CD9#DD98A6#CCDE95#E2F7F1
- Beach Glass Monochromatic Color Scheme#39A78E#58CEB2#96DFCE#D1EFE9#E9F9F5
More Light Teal complementary palettes
- Aqua Fiesta Complementary Color Scheme#96E2E1#D7F5F6#E3969B#CD5C5C#F7E5E6
- Aquatic Complementary Color Scheme#99C1CC#D6E5EA#CDA59C#B57466#EEE1DC
- Aquatic Edge Complementary Color Scheme#BFD6D1#F0F4F2#D5BCC2#BD9095#F5F0F1
- Bambino Complementary Color Scheme#8EDACC#D3F2ED#D68F9F#C5556D#F4DBDC
- Bath Water Complementary Color Scheme#88EEEE#D7F5F6#EE8888#E34244#FBE3E3
- Bevelled Glass Complementary Color Scheme#7ACCB8#BCE6DE#CC7A8B#B14566#E9C4CC
- Blizzard Blue Complementary Color Scheme#A3E3ED#E7FAFA#EBADA5#E17861#F9ECEA
- Blue Eye Samurai Complementary Color Scheme#75AEBD#B5D1DB#BE8774#9B5B4F#DDC2BA
- Catch the Wave Complementary Color Scheme#B5DCD8#ECF7F7#DBB7BA#C88088#F7EFEF
- Cerulean Skies Complementary Color Scheme#8CC6CB#CCE5E8#CE8E8B#B05D59#ECD4D2
- Clear Water Complementary Color Scheme#AAD5DB#EBF6F7#D9B1AA#C27A74#F6EEED
- Coast to Coast Complementary Color Scheme#BDD4D1#F0F4F2#D7BDBE#BC8A90#F5F0F1
Questions
What colors go with Beach Glass?
In a complementary scheme: Aqua Pura (#DDF2EE), Cherry Ice (#DD98A6), Rapture Rose (#CF5A70), Pink Tutu (#F9E4E9).
What is the hex code of Beach Glass?
#96DFCE.