Acorn Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Acorn (#7F5E50), each snapped to its nearest named color.
#7F5E50
#43817A
#4E5481
#533B32
#74A69B
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Acorn | #7F5E50 | 127, 94, 80 | 18°, 23%, 41% | 0, 26, 37, 50 | |
| Bubble Turquoise | #43817A | 67, 129, 122 | 173°, 32%, 38% | 48, 0, 5, 49 | |
| Dusk | #4E5481 | 78, 84, 129 | 233°, 25%, 41% | 40, 35, 0, 49 | |
| Bright Brown | #533B32 | 83, 59, 50 | 16°, 25%, 26% | 0, 29, 40, 67 | |
| Twining Vine | #74A69B | 116, 166, 155 | 167°, 22%, 55% | 30, 0, 7, 35 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #533B32 on #74A69B | 3.76:1 | AA large |
| Aa #4E5481 on #74A69B | 2.64:1 | — |
| Aa #43817A on #533B32 | 2.28:1 | — |
| Aa #7F5E50 on #74A69B | 2.12:1 | — |
| Aa #7F5E50 on #533B32 | 1.77:1 | — |
| Aa #43817A on #74A69B | 1.65:1 | — |
CSS variables
:root {
--color-1: #7f5e50; /* Acorn */
--color-2: #43817a; /* Bubble Turquoise */
--color-3: #4e5481; /* Dusk */
--color-4: #533b32; /* Bright Brown */
--color-5: #74a69b; /* Twining Vine */
}Other schemes from Acorn
- Acorn Complementary Color Scheme#7F5E50#B08A7D#506E82#2F484E#85A3B2
- Acorn Analogous Color Scheme#824E78#825059#7F5E50#837752#70804D
- Acorn Triadic Color Scheme#7F5E50#47885E#5C5083#B28B80#34533D
- Acorn Tetradic Color Scheme#7F5E50#5A804F#506E82#764F82#B28B80
- Acorn Monochromatic Color Scheme#231712#4F3A32#7F5E50#A48374#C5AEA6
More Medium Orange split-complementary palettes
- 24 Carrot Split-complementary Color Scheme#E56E24#25E2CD#273BE2#AD4E1A#6FE7DB
- À l’Orange Split-complementary Color Scheme#F2850D#11EEEE#150AEC#A75E09#56F7F3
- Amaretto Sour Split-complementary Color Scheme#C09856#56B3C3#6258C4#976F3C#8ECED8
- Amber Split-complementary Color Scheme#FFBF00#00BFFF#3F00FF#BB8800#4CD5FF
- Apocalyptic Orange Split-complementary Color Scheme#F4711E#08E8DE#152EFF#BB5511#66EEEE
- Arancio Split-complementary Color Scheme#FF7013#11FFEE#152EFF#C65102#65FFFF
- Argan Oil Split-complementary Color Scheme#9D6646#4A9C95#445599#6A432D#71BAB4
- Arrakis Spice Split-complementary Color Scheme#BB8246#43BCBE#4A40AD#825E2F#7FD3D3
- Arrowwood Split-complementary Color Scheme#B3861E#1E98AE#3A18B1#775511#34B5D5
- Atomic Orange Split-complementary Color Scheme#F88605#01F1F1#0C06F7#B25F03#53F6FF
- Autumnal Split-complementary Color Scheme#AD5928#25AE8E#2138AB#72371C#48D1CC
- Aztec Temple Split-complementary Color Scheme#84705B#538B89#50578B#5C4939#79AFAD
Questions
What colors go with Acorn?
In a split-complementary scheme: Bubble Turquoise (#43817A), Dusk (#4E5481), Bright Brown (#533B32), Twining Vine (#74A69B).
What is the hex code of Acorn?
#7F5E50.