Named color · #E8C47A
Golden Thread
Golden Thread is #E8C47A: rgb(232 196 122), hsl(40 71% 69%), oklch(0.835 0.101 84.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Golden Thread color name →
#E8C47A
oklch(0.835 0.101 84.4)
Color conversions
- HEX
- #e8c47a
- RGB
- rgb(232 196 122)
- HSL
- hsl(40 71% 69%)
- HWB
- hwb(40 48% 9%)
- OKLCH
- oklch(0.835 0.101 84.4)
- OKLab
- oklab(0.835 0.01 0.101)
- CIE Lab
- lab(81.13 6.37 41.98)
- LCH
- lch(81.13 42.46 81.4)
- CMYK
- cmyk(0% 16% 47% 9%)
Tints · Shades · Tones
Tints
- EACA88
- EDD096
- EFD6A4
- F1DCB1
- F4E2BE
- F6E8CB
- F8EED8
- FBF3E5
- FDF9F2
Shades
- CAAA69
- AC9159
- 907849
- 74613A
- 594A2B
- 40351D
- 292110
- 130E05
- 030201
Tones
- DDBD7C
- D2B67D
- C8AF7E
- BDA97F
- B3A280
- A89B80
- 9E9481
- 948E81
- 8A8780
Color harmonies
Complementary +180°
- E8C47A
Golden Thread
- AFC9FF
≈ Night Snow
Analogous -30° +30°
- E8C47A
Golden Thread
- FDB789
≈ Beach Sand
- C7D183
≈ Zucchini Noodles
Triadic +120° +240°
- E8C47A
Golden Thread
- 6FDCE8
≈ Turquoise Sea
- EBB3EE
≈ Candy Dreams
Split-complementary +150° +210°
- E8C47A
Golden Thread
- 87D4FF
≈ Kul Sharif Blue
- CCBEFF
≈ Lavender Tonic
Tetradic +90° +180° +270°
- E8C47A
Golden Thread
- 7CDFC4
≈ Star Grass
- AFC9FF
≈ Night Snow
- FEAECD
≈ Heartfelt
Contrast & accessibility
Ag
FailOn white
WCAG 1.66:1 · APCA Lc 29
Ag
AAAOn black
WCAG 12.60:1 · APCA Lc 74
Best text color: #000000
WCAG 12.60:1 (AAA) · APCA Lc 74
Contrast pairs
Code snippets
CSS
:root {
--golden-thread: #e8c47a;
--golden-thread-rgb: 232 196 122;
--golden-thread-oklch: oklch(0.835 0.101 84.4);
}
.element {
color: var(--golden-thread);
background-color: hsl(40 71% 69%);
border-color: oklch(0.835 0.101 84.4);
}Tailwind CSS v4
@theme {
--color-golden-thread: #e8c47a;
--color-golden-thread-50: #fff4d5;
--color-golden-thread-100: #f7e6c2;
--color-golden-thread-200: #e7d2a3;
--color-golden-thread-300: #ceb47b;
--color-golden-thread-400: #ba9a54;
--color-golden-thread-500: #a58028;
--color-golden-thread-600: #8c6c25;
--color-golden-thread-700: #70571d;
--color-golden-thread-800: #543f13;
--color-golden-thread-900: #3a2b0c;
--color-golden-thread-950: #241801;
}SCSS
$golden-thread: #e8c47a;
$golden-thread-rgb: 232, 196, 122;
$golden-thread-light: mix(#fff, $golden-thread, 20%);
$golden-thread-dark: mix(#000, $golden-thread, 20%);
.element {
color: $golden-thread;
box-shadow: 0 0 0 2px rgba($golden-thread, 0.35);
}