Mintnight Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Mintnight (#7CBBAE), each snapped to its nearest named color.
#7CBBAE
#B97DA8
#BA8F7F
#549B8C
#D9AFCA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Mintnight | #7CBBAE | 124, 187, 174 | 168°, 32%, 61% | 34, 0, 7, 27 | |
| Romanov Mauve | #B97DA8 | 185, 125, 168 | 317°, 30%, 61% | 0, 32, 9, 27 | |
| Rosetta | #BA8F7F | 186, 143, 127 | 16°, 30%, 61% | 0, 23, 32, 27 | |
| Petrol Green | #549B8C | 84, 155, 140 | 167°, 30%, 47% | 46, 0, 10, 39 | |
| Pink Lavender | #D9AFCA | 217, 175, 202 | 321°, 36%, 77% | 0, 19, 7, 15 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #549B8C on #D9AFCA | 1.70:1 | — |
| Aa #B97DA8 on #D9AFCA | 1.67:1 | — |
| Aa #BA8F7F on #D9AFCA | 1.49:1 | — |
| Aa #7CBBAE on #549B8C | 1.49:1 | — |
| Aa #7CBBAE on #B97DA8 | 1.46:1 | — |
| Aa #7CBBAE on #BA8F7F | 1.31:1 | — |
CSS variables
:root {
--color-1: #7cbbae; /* Mintnight */
--color-2: #b97da8; /* Romanov Mauve */
--color-3: #ba8f7f; /* Rosetta */
--color-4: #549b8c; /* Petrol Green */
--color-5: #d9afca; /* Pink Lavender */
}Other schemes from Mintnight
- Mintnight Complementary Color Scheme#7CBBAE#BCDBD4#BD7F8A#9B555D#DCBDC8
- Mintnight Analogous Color Scheme#8ABD7B#7CB68E#7CBBAE#75A6BB#7D89BB
- Mintnight Triadic Color Scheme#7CBBAE#AB7CB4#BBAC7D#BDDFD8#8F509D
- Mintnight Tetradic Color Scheme#7CBBAE#8C7EB9#BD7F8A#ACB977#BDDFD8
- Mintnight Monochromatic Color Scheme#3B695F#549B8C#7CBBAE#B0D3D1#E1EEEC
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 Mintnight?
In a split-complementary scheme: Romanov Mauve (#B97DA8), Rosetta (#BA8F7F), Petrol Green (#549B8C), Pink Lavender (#D9AFCA).
What is the hex code of Mintnight?
#7CBBAE.