Hot Chilli Triadic Color Scheme
Five colors arranged by the triadic rule around Hot Chilli (#B7513A), each snapped to its nearest named color.
#B7513A
#3EB753
#5533BB
#D68B80
#287C37
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Hot Chilli | #B7513A | 183, 81, 58 | 11°, 52%, 47% | 0, 56, 68, 28 | |
| Classic Green | #3EB753 | 62, 183, 83 | 130°, 49%, 48% | 66, 0, 55, 28 | |
| Illustrious Indigo | #5533BB | 85, 51, 187 | 255°, 57%, 47% | 55, 73, 0, 27 | |
| My Pink | #D68B80 | 214, 139, 128 | 8°, 51%, 67% | 0, 35, 40, 16 | |
| Gorgeous Green | #287C37 | 40, 124, 55 | 131°, 51%, 32% | 68, 0, 56, 51 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #3EB753 on #5533BB | 3.14:1 | AA large |
| Aa #5533BB on #D68B80 | 3.05:1 | AA large |
| Aa #3EB753 on #287C37 | 2.01:1 | — |
| Aa #D68B80 on #287C37 | 1.95:1 | — |
| Aa #B7513A on #3EB753 | 1.91:1 | — |
| Aa #B7513A on #D68B80 | 1.85:1 | — |
CSS variables
:root {
--color-1: #b7513a; /* Hot Chilli */
--color-2: #3eb753; /* Classic Green */
--color-3: #5533bb; /* Illustrious Indigo */
--color-4: #d68b80; /* My Pink */
--color-5: #287c37; /* Gorgeous Green */
}Other schemes from Hot Chilli
- Hot Chilli Complementary Color Scheme#B7513A#D38977#33A3B3#2A7279#85C8D3
- Hot Chilli Analogous Color Scheme#BD33A4#B63364#B7513A#BB8D3B#A3BC3A
- 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 triadic palettes
- 100 Mph Triadic Color Scheme#C93F38#32CD32#243BCD#DA8C87#318F33
- Alarm Triadic Color Scheme#EC0003#00EE00#0000EE#FF5555#00A800
- Amaretto Triadic Color Scheme#AB6F60#69B076#7761AB#CEADA3#407A52
- Amore Triadic Color Scheme#AE2F48#44AA33#324AB2#DC6C84#2B7414
- Anarchist Triadic Color Scheme#DB304A#58D332#2242C7#F08497#33AA00
- Angry Tomato Triadic Color Scheme#D82029#24D427#243BCD#ED7777#1B8E13
- Annatto Triadic Color Scheme#8C5341#418C53#554488#BE8774#2B5D34
- Apple Cherry Triadic Color Scheme#F81404#09F911#1600FC#FF6E61#00AA11
- Arcade Fire Triadic Color Scheme#EE3311#16F12D#3311EE#F18870#00AA22
- Assassin’s Red Triadic Color Scheme#F60206#00F900#0804F9#FF6163#00AA00
- Autumn Fire Triadic Color Scheme#C44E4F#58D854#4455CC#DD9999#318F33
- Bacon Strips Triadic Color Scheme#DF3F32#3BDE39#243BCD#EE918D#11BB22
Questions
What colors go with Hot Chilli?
In a triadic scheme: Classic Green (#3EB753), Illustrious Indigo (#5533BB), My Pink (#D68B80), Gorgeous Green (#287C37).
What is the hex code of Hot Chilli?
#B7513A.