Intense Passion Complementary Color Scheme
Five colors arranged by the complementary rule around Intense Passion (#DF3163), each snapped to its nearest named color.
#DF3163
#E9819A
#38C6A1
#1AB385
#87E0CF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Intense Passion | #DF3163 | 223, 49, 99 | 343°, 73%, 53% | 0, 78, 56, 13 | |
| Iced Berry | #E9819A | 233, 129, 154 | 346°, 70%, 71% | 0, 45, 34, 9 | |
| Jadeite | #38C6A1 | 56, 198, 161 | 164°, 56%, 50% | 72, 0, 19, 22 | |
| Dark Mountain Meadow | #1AB385 | 26, 179, 133 | 162°, 75%, 40% | 85, 0, 26, 30 | |
| Sea Foam | #87E0CF | 135, 224, 207 | 169°, 59%, 70% | 40, 0, 8, 12 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DF3163 on #87E0CF | 2.86:1 | — |
| Aa #DF3163 on #38C6A1 | 2.05:1 | — |
| Aa #1AB385 on #87E0CF | 1.74:1 | — |
| Aa #DF3163 on #E9819A | 1.70:1 | — |
| Aa #E9819A on #87E0CF | 1.68:1 | — |
| Aa #DF3163 on #1AB385 | 1.65:1 | — |
CSS variables
:root {
--color-1: #df3163; /* Intense Passion */
--color-2: #e9819a; /* Iced Berry */
--color-3: #38c6a1; /* Jadeite */
--color-4: #1ab385; /* Dark Mountain Meadow */
--color-5: #87e0cf; /* Sea Foam */
}Other schemes from Intense Passion
- Intense Passion Analogous Color Scheme#BE2BDF#D92FB4#DF3163#DE5730#DDAA33
- Intense Passion Triadic Color Scheme#DF3163#61DE2A#276DD6#E78EA5#44AA11
- Intense Passion Split-complementary Color Scheme#DF3163#31D652#34B5D5#AC1E44#7BE892
- Intense Passion Tetradic Color Scheme#DF3163#B9DF31#38C6A1#5533CC#E78EA5
- Intense Passion Monochromatic Color Scheme#661122#AC1E44#DF3163#EE7799#F3B3C5
More Medium Pink complementary palettes
- Akari Red Complementary Color Scheme#C90B42#E83A72#00CC99#11875D#45E9C1
- Amor Complementary Color Scheme#EE3377#F485AC#2EE8BB#19CC89#84FBCE
- Amora Purple Complementary Color Scheme#BB22AA#E15ACB#22BB33#12732B#64EB65
- Anger Complementary Color Scheme#DD0055#FF3888#00CC99#019157#55FFAA
- Aphroditean Fuchsia Complementary Color Scheme#DD14AB#EE55CC#0BDB43#059033#64E986
- Awkward Purple Complementary Color Scheme#D208CC#FF33EE#00CC11#008811#4EFD54
- Barbara Complementary Color Scheme#FF0FF3#FF6FFC#0AFA1E#00C000#76FF7B
- Bat’s Blood Soup Complementary Color Scheme#EE3366#F485AC#2EE8BB#01C08D#8CFFDB
- Beet Wave Complementary Color Scheme#D4265D#E96A97#24DA91#1E9167#7EF4CC
- Beetroot Purple Complementary Color Scheme#D33376#E47CB8#2DD78D#229966#8BE0BA
- Benevolent Pink Complementary Color Scheme#DD1188#FF55AA#11DD66#119944#64E986
- Bermuda Onion Complementary Color Scheme#9D5A8F#C58BBA#599F68#3D7049#9FC5AA
Questions
What colors go with Intense Passion?
In a complementary scheme: Iced Berry (#E9819A), Jadeite (#38C6A1), Dark Mountain Meadow (#1AB385), Sea Foam (#87E0CF).
What is the hex code of Intense Passion?
#DF3163.