Touch of Glamour Complementary Color Scheme
Five colors arranged by the complementary rule around Touch of Glamour (#DD8844), each snapped to its nearest named color.
#DD8844
#E8B793
#4499DD
#276AB3
#99CCEE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Touch of Glamour | #DD8844 | 221, 136, 68 | 27°, 69%, 57% | 0, 38, 69, 13 | |
| Gentle Doe | #E8B793 | 232, 183, 147 | 25°, 65%, 74% | 0, 21, 37, 9 | |
| Flax Flower Blue | #4499DD | 68, 153, 221 | 207°, 69%, 57% | 69, 31, 0, 13 | |
| Mid Blue | #276AB3 | 39, 106, 179 | 211°, 64%, 43% | 78, 41, 0, 30 | |
| Fail Whale | #99CCEE | 153, 204, 238 | 204°, 71%, 77% | 36, 14, 0, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #276AB3 on #99CCEE | 3.22:1 | AA large |
| Aa #E8B793 on #276AB3 | 3.06:1 | AA large |
| Aa #DD8844 on #276AB3 | 2.02:1 | — |
| Aa #4499DD on #276AB3 | 1.80:1 | — |
| Aa #4499DD on #99CCEE | 1.79:1 | — |
| Aa #E8B793 on #4499DD | 1.70:1 | — |
CSS variables
:root {
--color-1: #dd8844; /* Touch of Glamour */
--color-2: #e8b793; /* Gentle Doe */
--color-3: #4499dd; /* Flax Flower Blue */
--color-4: #276ab3; /* Mid Blue */
--color-5: #99ccee; /* Fail Whale */
}Other schemes from Touch of Glamour
- Touch of Glamour Analogous Color Scheme#DD4492#DD484E#DD8844#D9D140#88DD55
- Touch of Glamour Triadic Color Scheme#DD8844#54C589#9955CC#EDBC9B#20B562
- Touch of Glamour Split-complementary Color Scheme#DD8844#55DDCC#4D52DE#B66325#88EEEE
- Touch of Glamour Tetradic Color Scheme#DD8844#58D854#4499DD#D648D7#EDBC9B
- Touch of Glamour Monochromatic Color Scheme#773F1A#B66325#DD8844#E4B185#F4D9C5
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 Touch of Glamour?
In a complementary scheme: Gentle Doe (#E8B793), Flax Flower Blue (#4499DD), Mid Blue (#276AB3), Fail Whale (#99CCEE).
What is the hex code of Touch of Glamour?
#DD8844.