Je t’aime Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Je t’aime (#B36B92), each snapped to its nearest named color.
#B36B92
#63B76C
#6BB1B4
#8A496B
#A8D19E
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Je t’aime | #B36B92 | 179, 107, 146 | 328°, 32%, 56% | 0, 40, 18, 30 | 61.9% 0.104 347 | |
| Forest Fern | #63B76C | 99, 183, 108 | 126°, 37%, 55% | 46, 0, 41, 28 | 70.7% 0.135 146 | |
| Dexter | #6BB1B4 | 107, 177, 180 | 182°, 33%, 56% | 41, 2, 0, 29 | 71.5% 0.071 199 | |
| Twilight Lavender | #8A496B | 138, 73, 107 | 329°, 31%, 41% | 0, 47, 22, 46 | 49.5% 0.098 349 | |
| Relaxation Green | #A8D19E | 168, 209, 158 | 108°, 36%, 72% | 20, 0, 24, 18 | 81.8% 0.082 140 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8A496B on #A8D19E | 3.78:1 | AA large |
| Aa #6BB1B4 on #8A496B | 2.64:1 | — |
| Aa #63B76C on #8A496B | 2.62:1 | — |
| Aa #B36B92 on #A8D19E | 2.26:1 | — |
| Aa #B36B92 on #8A496B | 1.67:1 | — |
| Aa #B36B92 on #6BB1B4 | 1.58:1 | — |
CSS variables
:root {
--color-1: #b36b92; /* Je t’aime */
--color-2: #63b76c; /* Forest Fern */
--color-3: #6bb1b4; /* Dexter */
--color-4: #8a496b; /* Twilight Lavender */
--color-5: #a8d19e; /* Relaxation Green */
}Other schemes from Je t’aime
- Je t’aime Complementary Color Scheme#B36B92#D2A5BE#6DB083#478865#B3D5C0
- Je t’aime Analogous Color Scheme#926EAE#AC72AF#B36B92#B6706B#B38B6D
- Je t’aime Triadic Color Scheme#B36B92#87B369#6B90B3#D3B2C3#6D8E44
- Je t’aime Tetradic Color Scheme#B36B92#B2B26C#6DB083#696DB0#D3B2C3
- Je t’aime Monochromatic Color Scheme#5C2C45#8A496B#B36B92#CE9FB4#E6D1DC
More medium pink split-complementary color schemes
- Akari Red Split-complementary Color Scheme#C90B42#00CC33#14A3C7#800030#2DFE54
- Amor Split-complementary Color Scheme#EE3377#2DFE54#22DDEE#C30B4E#7BE892
- Amora Purple Split-complementary Color Scheme#BB22AA#55BB33#2BB179#751973#88DD55
- Anger Split-complementary Color Scheme#DD0055#0ADD08#00C5CD#8F003A#2DFE54
- Aphroditean Fuchsia Split-complementary Color Scheme#DD14AB#54D905#11DDAA#991177#70F15E
- Awkward Purple Split-complementary Color Scheme#D208CC#66CC00#06D078#880085#87FF2A
- Barbara Split-complementary Color Scheme#FF0FF3#7FFF00#00FA92#CC11BB#AAFF55
- Bat’s Blood Soup Split-complementary Color Scheme#EE3366#2DFE54#37C4FA#C01141#7BE892
- Beet Wave Split-complementary Color Scheme#D4265D#31D652#2DB0CE#871646#64EB65
- Beetroot Purple Split-complementary Color Scheme#D33376#31D652#22C1D5#972B51#64EB65
- Benevolent Pink Split-complementary Color Scheme#DD1188#22DD00#00DDCC#9D0759#4EFD54
- Bermuda Onion Split-complementary Color Scheme#9D5A8F#6A9D5D#599C89#673B66#99BB88
Questions
What colors go with Je t’aime?
In a split-complementary scheme: Forest Fern (#63B76C), Dexter (#6BB1B4), Twilight Lavender (#8A496B), Relaxation Green (#A8D19E).
What is the hex code of Je t’aime?
#B36B92.