Hot Triadic Color Scheme
Five colors arranged by the triadic rule around Hot (#AC4362), each snapped to its nearest named color.
#AC4362
#66A545
#4467A7
#D38798
#427131
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Hot | #AC4362 | 172, 67, 98 | 342°, 44%, 47% | 0, 61, 43, 33 | |
| Caterpillar | #66A545 | 102, 165, 69 | 99°, 41%, 46% | 38, 0, 58, 35 | |
| Indigo Batik | #4467A7 | 68, 103, 167 | 219°, 42%, 46% | 59, 38, 0, 35 | |
| Speckled Easter Egg | #D38798 | 211, 135, 152 | 347°, 46%, 68% | 0, 36, 28, 17 | |
| Druid Green | #427131 | 66, 113, 49 | 104°, 40%, 32% | 42, 0, 57, 56 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #D38798 on #427131 | 2.11:1 | — |
| Aa #AC4362 on #D38798 | 2.06:1 | — |
| Aa #4467A7 on #D38798 | 2.05:1 | — |
| Aa #66A545 on #427131 | 1.93:1 | — |
| Aa #AC4362 on #66A545 | 1.88:1 | — |
| Aa #66A545 on #4467A7 | 1.88:1 | — |
CSS variables
:root {
--color-1: #ac4362; /* Hot */
--color-2: #66a545; /* Caterpillar */
--color-3: #4467a7; /* Indigo Batik */
--color-4: #d38798; /* Speckled Easter Egg */
--color-5: #427131; /* Druid Green */
}Other schemes from Hot
- Hot Complementary Color Scheme#AC4362#CB7D96#40A48E#317362#89D1B5
- Hot Analogous Color Scheme#9448B0#B44C97#AC4362#AF5941#AB8D44
- 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 triadic palettes
- Akari Red Triadic Color Scheme#C90B42#46CB18#024ACA#F44772#2A8000
- Amor Triadic Color Scheme#EE3377#7FF23E#3D7AFD#FF91AF#55CC11
- Amora Purple Triadic Color Scheme#BB22AA#A4BF20#22AABB#E760D2#717910
- Anger Triadic Color Scheme#DD0055#55DD00#0055DD#F7468A#339900
- Aphroditean Fuchsia Triadic Color Scheme#DD14AB#B0DD16#1DACD6#E760D2#769C18
- Awkward Purple Triadic Color Scheme#D208CC#CDD80D#09CDCD#FF44EE#83890E
- Barbara Triadic Color Scheme#FF0FF3#EEFF11#0FF0FE#FC74FD#B5C306
- Bat’s Blood Soup Triadic Color Scheme#EE3366#68E52F#2B62F4#F091A9#46CB18
- Beet Wave Triadic Color Scheme#D4265D#58D332#214FC6#ED7A9E#44891A
- Beetroot Purple Triadic Color Scheme#D33376#75DE2F#3377CC#E585A5#5F9727
- Benevolent Pink Triadic Color Scheme#DD1188#88DD11#0088DC#EE66BB#5C8B15
- Bermuda Onion Triadic Color Scheme#9D5A8F#8F9B5B#5B8D9F#CA99B7#607038
Questions
What colors go with Hot?
In a triadic scheme: Caterpillar (#66A545), Indigo Batik (#4467A7), Speckled Easter Egg (#D38798), Druid Green (#427131).
What is the hex code of Hot?
#AC4362.