Hot Chilli Complementary Color Scheme
Five colors arranged by the complementary rule around Hot Chilli (#B7513A), each snapped to its nearest named color.
#B7513A
#D38977
#33A3B3
#2A7279
#85C8D3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Hot Chilli | #B7513A | 183, 81, 58 | 11°, 52%, 47% | 0, 56, 68, 28 | |
| Zanci | #D38977 | 211, 137, 119 | 12°, 51%, 65% | 0, 35, 44, 17 | |
| Marine Tinge | #33A3B3 | 51, 163, 179 | 188°, 56%, 45% | 72, 9, 0, 30 | |
| King Tide | #2A7279 | 42, 114, 121 | 185°, 48%, 32% | 65, 6, 0, 53 | |
| Not a Cloud in Sight | #85C8D3 | 133, 200, 211 | 188°, 47%, 67% | 37, 5, 0, 17 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #2A7279 on #85C8D3 | 2.96:1 | — |
| Aa #B7513A on #85C8D3 | 2.63:1 | — |
| Aa #D38977 on #2A7279 | 2.01:1 | — |
| Aa #33A3B3 on #2A7279 | 1.86:1 | — |
| Aa #B7513A on #D38977 | 1.79:1 | — |
| Aa #B7513A on #33A3B3 | 1.65:1 | — |
CSS variables
:root {
--color-1: #b7513a; /* Hot Chilli */
--color-2: #d38977; /* Zanci */
--color-3: #33a3b3; /* Marine Tinge */
--color-4: #2a7279; /* King Tide */
--color-5: #85c8d3; /* Not a Cloud in Sight */
}Other schemes from Hot Chilli
- Hot Chilli Analogous Color Scheme#BD33A4#B63364#B7513A#BB8D3B#A3BC3A
- Hot Chilli Triadic Color Scheme#B7513A#3EB753#5533BB#D68B80#287C37
- Hot Chilli Split-complementary Color Scheme#B7513A#38B48B#3E62AD#7B3728#78D1B1
- Hot Chilli Tetradic Color Scheme#B7513A#66B032#33A3B3#983FB2#D68B80
- Hot Chilli Monochromatic Color Scheme#471C0F#7B3728#B7513A#D37F6F#E6B2A6
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 Hot Chilli?
In a complementary scheme: Zanci (#D38977), Marine Tinge (#33A3B3), King Tide (#2A7279), Not a Cloud in Sight (#85C8D3).
What is the hex code of Hot Chilli?
#B7513A.