Caramel Dream Triadic Color Scheme
Five colors arranged by the triadic rule around Caramel Dream (#B8623B), each snapped to its nearest named color.
#B8623B
#33B864
#6633BB
#D99B82
#247345
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Caramel Dream | #B8623B | 184, 98, 59 | 19°, 51%, 48% | 0, 47, 68, 28 | |
| Cool Green | #33B864 | 51, 184, 100 | 142°, 57%, 46% | 72, 0, 46, 28 | |
| Purple Emperor | #6633BB | 102, 51, 187 | 263°, 57%, 47% | 45, 73, 0, 27 | |
| Pinkish Tan | #D99B82 | 217, 155, 130 | 17°, 53%, 68% | 0, 29, 40, 15 | |
| Felt | #247345 | 36, 115, 69 | 145°, 52%, 30% | 69, 0, 40, 55 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #6633BB on #D99B82 | 3.25:1 | AA large |
| Aa #33B864 on #6633BB | 2.97:1 | — |
| Aa #D99B82 on #247345 | 2.48:1 | — |
| Aa #33B864 on #247345 | 2.26:1 | — |
| Aa #B8623B on #D99B82 | 1.85:1 | — |
| Aa #B8623B on #6633BB | 1.76:1 | — |
CSS variables
:root {
--color-1: #b8623b; /* Caramel Dream */
--color-2: #33b864; /* Cool Green */
--color-3: #6633bb; /* Purple Emperor */
--color-4: #d99b82; /* Pinkish Tan */
--color-5: #247345; /* Felt */
}Other schemes from Caramel Dream
- Caramel Dream Complementary Color Scheme#B8623B#D79979#3E8FBC#22657F#82BADF
- Caramel Dream Analogous Color Scheme#B53389#B63753#B8623B#B8A336#93B83D
- Caramel Dream Split-complementary Color Scheme#B8623B#3AB0A2#324AB2#794029#6FD2BE
- Caramel Dream Tetradic Color Scheme#B8623B#51B73B#3E8FBC#B13AAD#D99B82
- Caramel Dream Monochromatic Color Scheme#442117#794029#B8623B#D38D71#E4BDA8
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 Caramel Dream?
In a triadic scheme: Cool Green (#33B864), Purple Emperor (#6633BB), Pinkish Tan (#D99B82), Felt (#247345).
What is the hex code of Caramel Dream?
#B8623B.