Hot Cacao Triadic Color Scheme
Five colors arranged by the triadic rule around Hot Cacao (#A5694F), each snapped to its nearest named color.
#A5694F
#4FAA6C
#654EA3
#CBA391
#3D7049
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Hot Cacao | #A5694F | 165, 105, 79 | 18°, 35%, 48% | 0, 36, 52, 35 | 57.9% 0.086 44 | |
| Fresh Oregano | #4FAA6C | 79, 170, 108 | 139°, 37%, 49% | 54, 0, 36, 33 | 66.6% 0.127 152 | |
| Ultrapurple Merge | #654EA3 | 101, 78, 163 | 256°, 35%, 47% | 38, 52, 0, 36 | 48.9% 0.132 293 | |
| Sombrero Tan | #CBA391 | 203, 163, 145 | 19°, 36%, 68% | 0, 20, 29, 20 | 74.7% 0.054 45 | |
| Parsley Sprig | #3D7049 | 61, 112, 73 | 134°, 29%, 34% | 46, 0, 35, 56 | 49.8% 0.083 150 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #654EA3 on #CBA391 | 2.90:1 | — |
| Aa #CBA391 on #3D7049 | 2.54:1 | — |
| Aa #4FAA6C on #654EA3 | 2.30:1 | — |
| Aa #4FAA6C on #3D7049 | 2.02:1 | — |
| Aa #A5694F on #CBA391 | 1.94:1 | — |
| Aa #A5694F on #4FAA6C | 1.54:1 | — |
CSS variables
:root {
--color-1: #a5694f; /* Hot Cacao */
--color-2: #4faa6c; /* Fresh Oregano */
--color-3: #654ea3; /* Ultrapurple Merge */
--color-4: #cba391; /* Sombrero Tan */
--color-5: #3d7049; /* Parsley Sprig */
}Other schemes from Hot Cacao
- Hot Cacao Complementary Color Scheme#A5694F#C89A8D#4D8AA1#375F71#8EB8CE
- Hot Cacao Analogous Color Scheme#A24D8F#A44B62#A5694F#A69151#86A852
- Hot Cacao Split-complementary Color Scheme#A5694F#53A391#4664A5#714636#7AC5B4
- Hot Cacao Tetradic Color Scheme#A5694F#63A950#4D8AA1#9A4EAE#CBA391
- Hot Cacao Monochromatic Color Scheme#3D271D#714636#A5694F#C2937B#DCBEB5
More medium orange triadic color schemes
- 24 Carrot Triadic Color Scheme#E56E24#33EE66#6A2DED#EAAB7D#16A74E
- À l’Orange Triadic Color Scheme#F2850D#04F489#8811FF#F7B572#00AA55
- Acorn Triadic Color Scheme#7F5E50#47885E#5C5083#B28B80#34533D
- Amaretto Sour Triadic Color Scheme#C09856#48C09B#9B5FC0#DCC6A0#319177
- Amber Triadic Color Scheme#FFBF00#00FFBB#BF00FF#FFDA68#06B48B
- Apocalyptic Orange Triadic Color Scheme#F4711E#1EF876#661AEE#F9AE7D#11BB55
- Arancio Triadic Color Scheme#FF7013#1EF876#601EF9#FEB079#02C14D
- Argan Oil Triadic Color Scheme#9D6646#539B6A#674196#C39E81#316745
- Arrakis Spice Triadic Color Scheme#BB8246#47BA87#8547B5#D4B38F#348A5D
- Arrowwood Triadic Color Scheme#B3861E#1AB385#8F1CAE#E4B857#127453
- Atomic Orange Triadic Color Scheme#F88605#04F489#8800FF#FCB867#00AA55
- Autumnal Triadic Color Scheme#AD5928#36B14E#5930A9#DA8F67#1D7033
Questions
What colors go with Hot Cacao?
In a triadic scheme: Fresh Oregano (#4FAA6C), Ultrapurple Merge (#654EA3), Sombrero Tan (#CBA391), Parsley Sprig (#3D7049).
What is the hex code of Hot Cacao?
#A5694F.