Hot Complementary Color Scheme
Five colors arranged by the complementary rule around Hot (#AC4362), each snapped to its nearest named color.
#AC4362
#CB7D96
#40A48E
#317362
#89D1B5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Hot | #AC4362 | 172, 67, 98 | 342°, 44%, 47% | 0, 61, 43, 33 | |
| Wild Rose | #CB7D96 | 203, 125, 150 | 341°, 43%, 64% | 0, 38, 26, 20 | |
| Marine Green | #40A48E | 64, 164, 142 | 167°, 44%, 45% | 61, 0, 13, 36 | |
| Nordic Forest | #317362 | 49, 115, 98 | 165°, 40%, 32% | 57, 0, 15, 55 | |
| Tropical Trail | #89D1B5 | 137, 209, 181 | 157°, 44%, 68% | 34, 0, 13, 18 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #AC4362 on #89D1B5 | 3.17:1 | AA large |
| Aa #317362 on #89D1B5 | 3.15:1 | AA large |
| Aa #AC4362 on #40A48E | 1.85:1 | — |
| Aa #AC4362 on #CB7D96 | 1.85:1 | — |
| Aa #40A48E on #317362 | 1.84:1 | — |
| Aa #CB7D96 on #317362 | 1.84:1 | — |
CSS variables
:root {
--color-1: #ac4362; /* Hot */
--color-2: #cb7d96; /* Wild Rose */
--color-3: #40a48e; /* Marine Green */
--color-4: #317362; /* Nordic Forest */
--color-5: #89d1b5; /* Tropical Trail */
}Other schemes from Hot
- Hot Analogous Color Scheme#9448B0#B44C97#AC4362#AF5941#AB8D44
- Hot Triadic Color Scheme#AC4362#66A545#4467A7#D38798#427131
- Hot Split-complementary Color Scheme#AC4362#44AA55#4598AB#773243#77CC88
- Hot Tetradic Color Scheme#AC4362#99B243#40A48E#5946B2#D38798
- Hot Monochromatic Color Scheme#3E1825#773243#AC4362#C3738D#DDAABB
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 Hot?
In a complementary scheme: Wild Rose (#CB7D96), Marine Green (#40A48E), Nordic Forest (#317362), Tropical Trail (#89D1B5).
What is the hex code of Hot?
#AC4362.