Hot Caramel Tetradic Color Scheme
Five colors arranged by the tetradic rule around Hot Caramel (#CC6E3B), each snapped to its nearest named color.
#CC6E3B
#5AD33E
#3799C8
#BE2BDF
#E1A890
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Hot Caramel | #CC6E3B | 204, 110, 59 | 21°, 59%, 52% | 0, 46, 71, 20 | |
| Verdant Fields | #5AD33E | 90, 211, 62 | 109°, 63%, 54% | 57, 0, 71, 17 | |
| Stratos Blue | #3799C8 | 55, 153, 200 | 199°, 57%, 50% | 73, 24, 0, 22 | |
| Shades of Rhodonite | #BE2BDF | 190, 43, 223 | 289°, 74%, 52% | 15, 81, 0, 13 | |
| Rose Tattoo | #E1A890 | 225, 168, 144 | 18°, 57%, 72% | 0, 25, 36, 12 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #5AD33E on #BE2BDF | 2.35:1 | — |
| Aa #BE2BDF on #E1A890 | 2.22:1 | — |
| Aa #CC6E3B on #5AD33E | 1.85:1 | — |
| Aa #CC6E3B on #E1A890 | 1.74:1 | — |
| Aa #5AD33E on #3799C8 | 1.65:1 | — |
| Aa #3799C8 on #E1A890 | 1.56:1 | — |
CSS variables
:root {
--color-1: #cc6e3b; /* Hot Caramel */
--color-2: #5ad33e; /* Verdant Fields */
--color-3: #3799c8; /* Stratos Blue */
--color-4: #be2bdf; /* Shades of Rhodonite */
--color-5: #e1a890; /* Rose Tattoo */
}Other schemes from Hot Caramel
- Hot Caramel Complementary Color Scheme#CC6E3B#DBA480#3799C8#296D93#8BC3E1
- Hot Caramel Analogous Color Scheme#CC338B#CB3E50#CC6E3B#CFB53B#9CD03B
- Hot Caramel Triadic Color Scheme#CC6E3B#3CD070#6A31CA#E1A890#249148
- Hot Caramel Split-complementary Color Scheme#CC6E3B#2DC5BB#214FC6#954E2A#7CD8D6
- Hot Caramel Monochromatic Color Scheme#572B16#954E2A#CC6E3B#DD9977#EDC7B6
More Medium Orange tetradic palettes
- 24 Carrot Tetradic Color Scheme#E56E24#2CED2B#2196F3#CC22FF#EAAB7D
- À l’Orange Tetradic Color Scheme#F2850D#09F911#0D75F8#FF08E8#F7B572
- Acorn Tetradic Color Scheme#7F5E50#5A804F#506E82#764F82#B28B80
- Amaretto Sour Tetradic Color Scheme#C09856#52C170#507BCE#CE5DAE#DCC6A0
- Amber Tetradic Color Scheme#FFBF00#00FF40#0044FF#FF00BB#FFDA68
- Apocalyptic Orange Tetradic Color Scheme#F4711E#2CFA1F#17A9E5#D91FFF#F9AE7D
- Arancio Tetradic Color Scheme#FF7013#33FF11#00AAFF#FF11FF#FEB079
- Argan Oil Tetradic Color Scheme#9D6646#5A9E4B#427C9D#884898#C39E81
- Arrakis Spice Tetradic Color Scheme#BB8246#41A94F#477BBD#BB44BB#D4B38F
- Arrowwood Tetradic Color Scheme#B3861E#11BB33#1151B4#AA1D8E#E4B857
- Atomic Orange Tetradic Color Scheme#F88605#09F911#0078F8#EE00EE#FCB867
- Autumnal Tetradic Color Scheme#AD5928#2BA727#2B7CAF#9A2CA0#DA8F67
Questions
What colors go with Hot Caramel?
In a tetradic scheme: Verdant Fields (#5AD33E), Stratos Blue (#3799C8), Shades of Rhodonite (#BE2BDF), Rose Tattoo (#E1A890).
What is the hex code of Hot Caramel?
#CC6E3B.