Hot Caramel Triadic Color Scheme
Five colors arranged by the triadic rule around Hot Caramel (#CC6E3B), each snapped to its nearest named color.
#CC6E3B
#3CD070
#6A31CA
#E1A890
#249148
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Hot Caramel | #CC6E3B | 204, 110, 59 | 21°, 59%, 52% | 0, 46, 71, 20 | |
| UFO Green | #3CD070 | 60, 208, 112 | 141°, 61%, 53% | 71, 0, 46, 18 | |
| Sagat Purple | #6A31CA | 106, 49, 202 | 262°, 61%, 49% | 48, 76, 0, 21 | |
| Rose Tattoo | #E1A890 | 225, 168, 144 | 18°, 57%, 72% | 0, 25, 36, 12 | |
| Paperboy’s Lawn | #249148 | 36, 145, 72 | 140°, 60%, 35% | 75, 0, 50, 43 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #3CD070 on #6A31CA | 3.60:1 | AA large |
| Aa #6A31CA on #E1A890 | 3.51:1 | AA large |
| Aa #CC6E3B on #6A31CA | 2.02:1 | — |
| Aa #3CD070 on #249148 | 2.00:1 | — |
| Aa #E1A890 on #249148 | 1.96:1 | — |
| Aa #6A31CA on #249148 | 1.80:1 | — |
CSS variables
:root {
--color-1: #cc6e3b; /* Hot Caramel */
--color-2: #3cd070; /* UFO Green */
--color-3: #6a31ca; /* Sagat Purple */
--color-4: #e1a890; /* Rose Tattoo */
--color-5: #249148; /* Paperboy’s Lawn */
}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 Split-complementary Color Scheme#CC6E3B#2DC5BB#214FC6#954E2A#7CD8D6
- Hot Caramel Tetradic Color Scheme#CC6E3B#5AD33E#3799C8#BE2BDF#E1A890
- Hot Caramel Monochromatic Color Scheme#572B16#954E2A#CC6E3B#DD9977#EDC7B6
More Medium Orange triadic palettes
- 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 Caramel?
In a triadic scheme: UFO Green (#3CD070), Sagat Purple (#6A31CA), Rose Tattoo (#E1A890), Paperboy’s Lawn (#249148).
What is the hex code of Hot Caramel?
#CC6E3B.