Caramel Dream Complementary Color Scheme
Five colors arranged by the complementary rule around Caramel Dream (#B8623B), each snapped to its nearest named color.
#B8623B
#D79979
#3E8FBC
#22657F
#82BADF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Caramel Dream | #B8623B | 184, 98, 59 | 19°, 51%, 48% | 0, 47, 68, 28 | |
| Italian Clay | #D79979 | 215, 153, 121 | 20°, 54%, 66% | 0, 29, 44, 16 | |
| Quiet Night | #3E8FBC | 62, 143, 188 | 201°, 50%, 49% | 67, 24, 0, 26 | |
| Georgian Bay | #22657F | 34, 101, 127 | 197°, 58%, 32% | 73, 20, 0, 50 | |
| Enchanting | #82BADF | 130, 186, 223 | 204°, 59%, 69% | 42, 17, 0, 13 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #22657F on #82BADF | 3.10:1 | AA large |
| Aa #D79979 on #22657F | 2.70:1 | — |
| Aa #B8623B on #82BADF | 2.07:1 | — |
| Aa #3E8FBC on #22657F | 1.81:1 | — |
| Aa #B8623B on #D79979 | 1.80:1 | — |
| Aa #3E8FBC on #82BADF | 1.71:1 | — |
CSS variables
:root {
--color-1: #b8623b; /* Caramel Dream */
--color-2: #d79979; /* Italian Clay */
--color-3: #3e8fbc; /* Quiet Night */
--color-4: #22657f; /* Georgian Bay */
--color-5: #82badf; /* Enchanting */
}Other schemes from Caramel Dream
- 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 Tetradic Color Scheme#B8623B#51B73B#3E8FBC#B13AAD#D99B82
- Caramel Dream Monochromatic Color Scheme#442117#794029#B8623B#D38D71#E4BDA8
More Medium Orange complementary palettes
- 24 Carrot Complementary Color Scheme#E56E24#F1A177#2196F3#126DA8#7BC8F6
- À l’Orange Complementary Color Scheme#F2850D#F6B064#0D75F8#0853A7#77B5FE
- Acorn Complementary Color Scheme#7F5E50#B08A7D#506E82#2F484E#85A3B2
- Amaretto Sour Complementary Color Scheme#C09856#D9C09C#507BCE#3B5B92#A2BADB
- Amber Complementary Color Scheme#FFBF00#FED85D#0044FF#0033BB#6688FF
- Apocalyptic Orange Complementary Color Scheme#F4711E#FAAB77#17A9E5#0777BC#7BC8F6
- Arancio Complementary Color Scheme#FF7013#FEA871#00AAFF#0079C1#77CCFF
- Argan Oil Complementary Color Scheme#9D6646#C4957A#427C9D#2D5367#82ACC4
- Arrakis Spice Complementary Color Scheme#BB8246#D1B088#477BBD#315886#92B6D5
- Arrowwood Complementary Color Scheme#B3861E#E0B44D#1151B4#13336F#5577EE
- Atomic Orange Complementary Color Scheme#F88605#FFB05F#0078F8#0055AA#77AAFF
- Autumnal Complementary Color Scheme#AD5928#DB8959#2B7CAF#1D5671#65B4D8
Questions
What colors go with Caramel Dream?
In a complementary scheme: Italian Clay (#D79979), Quiet Night (#3E8FBC), Georgian Bay (#22657F), Enchanting (#82BADF).
What is the hex code of Caramel Dream?
#B8623B.