Backroom Ember Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Backroom Ember (#A19250), each snapped to its nearest named color.
#A19250
#5187A0
#654EA3
#6F6138
#7CAFB9
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Backroom Ember | #A19250 | 161, 146, 80 | 49°, 34%, 47% | 0, 9, 50, 37 | |
| Raging Tide | #5187A0 | 81, 135, 160 | 199°, 33%, 47% | 49, 16, 0, 37 | |
| Ultrapurple Merge | #654EA3 | 101, 78, 163 | 256°, 35%, 47% | 38, 52, 0, 36 | |
| Rationality | #6F6138 | 111, 97, 56 | 45°, 33%, 33% | 0, 13, 50, 56 | |
| November Skies | #7CAFB9 | 124, 175, 185 | 190°, 30%, 61% | 33, 5, 0, 27 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #654EA3 on #7CAFB9 | 2.74:1 | — |
| Aa #6F6138 on #7CAFB9 | 2.52:1 | — |
| Aa #A19250 on #654EA3 | 2.13:1 | — |
| Aa #A19250 on #6F6138 | 1.96:1 | — |
| Aa #5187A0 on #654EA3 | 1.68:1 | — |
| Aa #5187A0 on #7CAFB9 | 1.63:1 | — |
CSS variables
:root {
--color-1: #a19250; /* Backroom Ember */
--color-2: #5187a0; /* Raging Tide */
--color-3: #654ea3; /* Ultrapurple Merge */
--color-4: #6f6138; /* Rationality */
--color-5: #7cafb9; /* November Skies */
}Other schemes from Backroom Ember
- Backroom Ember Complementary Color Scheme#A19250#C6B788#5959AB#384172#8E97C7
- Backroom Ember Analogous Color Scheme#AB4E5F#A5694F#A19250#86A852#5FA052
- Backroom Ember Triadic Color Scheme#A19250#53A391#9A4EAE#C3BC90#376D64
- Backroom Ember Tetradic Color Scheme#A19250#50A074#5959AB#A15589#C3BC90
- Backroom Ember Monochromatic Color Scheme#3C351F#6F6138#A19250#BBB477#D8D3B2
More Medium Yellow split-complementary palettes
- A Frond in Need Split-complementary Color Scheme#9F9978#7195A6#8272A4#7C754C#9FB6C6
- Amazon Queen Split-complementary Color Scheme#948F54#517B95#6F5390#62603E#7B9CB3
- Angel’s Trumpet Split-complementary Color Scheme#F6DD34#30A9FF#6A2DED#D2BD0A#7BC8F6
- Antique Split-complementary Color Scheme#8B846D#5D8A9B#6C5D97#6D6240#90ABBB
- Bamboo Forest Split-complementary Color Scheme#B1A979#7B9EB0#8B79B1#8C854F#A8C0CE
- Banana Bandanna Split-complementary Color Scheme#F8F739#3399FF#9437FF#DDDD00#88BBFF
- Banana Bombshell Split-complementary Color Scheme#F7E82E#31A2F2#8020FF#CDC50A#73C2FB
- Banana Brick Split-complementary Color Scheme#E8D82C#2196F3#6A2DED#B9A70F#6CBAE7
- Banana Flash Split-complementary Color Scheme#EEFE02#0070FF#8F00FF#A8B504#5097FC
- Banana King Split-complementary Color Scheme#FFFB08#0088FF#7F01FE#ABBC01#55AAFF
- Banana Pepper Split-complementary Color Scheme#FDD630#3CBCFC#6A2DED#DFB900#76D6FF
- Banana Propaganda Split-complementary Color Scheme#F3DB00#0099EE#6600FF#AA9900#44BBFF
Questions
What colors go with Backroom Ember?
In a split-complementary scheme: Raging Tide (#5187A0), Ultrapurple Merge (#654EA3), Rationality (#6F6138), November Skies (#7CAFB9).
What is the hex code of Backroom Ember?
#A19250.