Too Hot to Handle Complementary Color Scheme
Five colors arranged by the complementary rule around Too Hot to Handle (#BF6153), each snapped to its nearest named color.
#BF6153
#DC9E94
#53B1BA
#358094
#9AD4D8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Too Hot to Handle | #BF6153 | 191, 97, 83 | 8°, 46%, 54% | 0, 49, 57, 25 | |
| Rhapsodic | #DC9E94 | 220, 158, 148 | 8°, 51%, 72% | 0, 28, 33, 14 | |
| Thalassa | #53B1BA | 83, 177, 186 | 185°, 43%, 53% | 55, 5, 0, 27 | |
| Forget-Me-Not Blue | #358094 | 53, 128, 148 | 193°, 47%, 39% | 64, 14, 0, 42 | |
| Dulcet | #9AD4D8 | 154, 212, 216 | 184°, 44%, 73% | 29, 2, 0, 15 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #358094 on #9AD4D8 | 2.74:1 | — |
| Aa #BF6153 on #9AD4D8 | 2.53:1 | — |
| Aa #DC9E94 on #358094 | 2.01:1 | — |
| Aa #BF6153 on #DC9E94 | 1.85:1 | — |
| Aa #53B1BA on #358094 | 1.79:1 | — |
| Aa #BF6153 on #53B1BA | 1.66:1 | — |
CSS variables
:root {
--color-1: #bf6153; /* Too Hot to Handle */
--color-2: #dc9e94; /* Rhapsodic */
--color-3: #53b1ba; /* Thalassa */
--color-4: #358094; /* Forget-Me-Not Blue */
--color-5: #9ad4d8; /* Dulcet */
}Other schemes from Too Hot to Handle
- Too Hot to Handle Analogous Color Scheme#BF5BB0#BC5378#BF6153#BB9955#B5BF50
- Too Hot to Handle Triadic Color Scheme#BF6153#52B963#6A5BB1#DDA69F#38914A
- Too Hot to Handle Split-complementary Color Scheme#BF6153#52BC9A#587EBE#8D4035#89D1B5
- Too Hot to Handle Tetradic Color Scheme#BF6153#77BE52#53B1BA#9955BB#DDA69F
- Too Hot to Handle Monochromatic Color Scheme#592720#8D4035#BF6153#D8948B#E9C8C3
More Medium Red complementary palettes
- 100 Mph Complementary Color Scheme#C93F38#D98580#3DCFC2#2B888D#88DDDD
- Alarm Complementary Color Scheme#EC0003#FF474C#00EEEE#00A29E#55FFFF
- Amaretto Complementary Color Scheme#AB6F60#CDA59C#6299AA#45747E#A7C5CE
- Amore Complementary Color Scheme#AE2F48#CF6275#25AE8E#1C6B69#73D4C2
- Anarchist Complementary Color Scheme#DB304A#E27E8A#2DDFC1#1BA590#87E0CF
- Angry Tomato Complementary Color Scheme#D82029#EC6D71#22CCCC#1A9597#6FEBE3
- Annatto Complementary Color Scheme#8C5341#BA816E#41788A#2A4B5A#75AEBD
- Apple Cherry Complementary Color Scheme#F81404#F7665A#00EBFF#05A3AD#6DEDFD
- Arcade Fire Complementary Color Scheme#EE3311#F47869#00CCEE#008CA9#6DEDFD
- Assassin’s Red Complementary Color Scheme#F60206#FF5555#01F1F1#00AAAA#65FFFF
- Autumn Fire Complementary Color Scheme#C44E4F#D99294#53C2C3#2B9890#9ADEDB
- Bacon Strips Complementary Color Scheme#DF3F32#E28980#30D5C8#189FAC#88EEEE
Questions
What colors go with Too Hot to Handle?
In a complementary scheme: Rhapsodic (#DC9E94), Thalassa (#53B1BA), Forget-Me-Not Blue (#358094), Dulcet (#9AD4D8).
What is the hex code of Too Hot to Handle?
#BF6153.