Caramel Dream Tetradic Color Scheme
Five colors arranged by the tetradic rule around Caramel Dream (#B8623B), each snapped to its nearest named color.
#B8623B
#51B73B
#3E8FBC
#B13AAD
#D99B82
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Caramel Dream | #B8623B | 184, 98, 59 | 19°, 51%, 48% | 0, 47, 68, 28 | |
| Skirret Green | #51B73B | 81, 183, 59 | 109°, 51%, 47% | 56, 0, 68, 28 | |
| Quiet Night | #3E8FBC | 62, 143, 188 | 201°, 50%, 49% | 67, 24, 0, 26 | |
| Vivid Fuchsia | #B13AAD | 177, 58, 173 | 302°, 51%, 46% | 0, 67, 2, 31 | |
| Pinkish Tan | #D99B82 | 217, 155, 130 | 17°, 53%, 68% | 0, 29, 40, 15 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B13AAD on #D99B82 | 2.20:1 | — |
| Aa #51B73B on #B13AAD | 2.01:1 | — |
| Aa #B8623B on #D99B82 | 1.85:1 | — |
| Aa #B8623B on #51B73B | 1.69:1 | — |
| Aa #3E8FBC on #D99B82 | 1.53:1 | — |
| Aa #3E8FBC on #B13AAD | 1.44:1 | — |
CSS variables
:root {
--color-1: #b8623b; /* Caramel Dream */
--color-2: #51b73b; /* Skirret Green */
--color-3: #3e8fbc; /* Quiet Night */
--color-4: #b13aad; /* Vivid Fuchsia */
--color-5: #d99b82; /* Pinkish Tan */
}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 Triadic Color Scheme#B8623B#33B864#6633BB#D99B82#247345
- Caramel Dream Split-complementary Color Scheme#B8623B#3AB0A2#324AB2#794029#6FD2BE
- Caramel Dream Monochromatic Color Scheme#442117#794029#B8623B#D38D71#E4BDA8
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 Caramel Dream?
In a tetradic scheme: Skirret Green (#51B73B), Quiet Night (#3E8FBC), Vivid Fuchsia (#B13AAD), Pinkish Tan (#D99B82).
What is the hex code of Caramel Dream?
#B8623B.