Benannte Farbe · #E8CE49
Golden Relic
Golden Relic ist #E8CE49: rgb(232 206 73), hsl(50 78% 60%), oklch(0.85 0.15 98). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Golden Relic color name →
#E8CE49
oklch(0.85 0.15 98)
Farbumrechnungen
- HEX
- #e8ce49
- RGB
- rgb(232 206 73)
- HSL
- hsl(50 78% 60%)
- HWB
- hwb(50 29% 9%)
- OKLCH
- oklch(0.85 0.15 98)
- OKLab
- oklab(0.85 -0.021 0.149)
- CIE Lab
- lab(83.23 -1.08 66.29)
- LCH
- lch(83.23 66.3 90.9)
- CMYK
- cmyk(0% 11% 69% 9%)
Tints · Shades · Tones
Tints
- EAD362
- ECD877
- EFDE8A
- F1E39D
- F3E7AE
- F5ECBF
- F8F1CF
- FAF6DF
- FDFAEF
Shades
- CAB33E
- AC9834
- 907F2A
- 746620
- 594E17
- 40380E
- 292306
- 130F02
- 030200
Tones
- DDC654
- D2BE5D
- C8B764
- BDAF6A
- B2A770
- A89F74
- 9E9778
- 94907B
- 8A887E
Farbharmonien
Komplementär +180°
- E8CE49
Golden Relic
- C2CAFF
≈ Light Periwinkle
Analog -30° +30°
- E8CE49
Golden Relic
- FFC07A
≈ Zing
- B1E070
≈ Last of Lettuce
Triadisch +120° +240°
- E8CE49
Golden Relic
- 6BE0FF
≈ Athena Blue
- FFB0E8
≈ Pink Apotheosis
Geteilt komplementär +150° +210°
- E8CE49
Golden Relic
- A6D3FF
≈ Malmö FF
- DFBDFF
≈ Lavender Fragrance
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.57:1 · APCA Lc 26
Ag
AAAAuf Schwarz
WCAG 13.35:1 · APCA Lc 77
Beste Textfarbe: #000000
WCAG 13.35:1 (AAA) · APCA Lc 77
Contrast pairs
Code-Snippets
CSS
:root {
--golden-relic: #e8ce49;
--golden-relic-rgb: 232 206 73;
--golden-relic-oklch: oklch(0.85 0.15 98);
}
.element {
color: var(--golden-relic);
background-color: hsl(50 78% 60%);
border-color: oklch(0.85 0.15 98);
}Tailwind CSS v4
@theme {
--color-golden-relic: #e8ce49;
--color-golden-relic-50: #fff7c6;
--color-golden-relic-100: #f3eab0;
--color-golden-relic-200: #e3d68a;
--color-golden-relic-300: #c9b957;
--color-golden-relic-400: #b69e0b;
--color-golden-relic-500: #a18400;
--color-golden-relic-600: #887000;
--color-golden-relic-700: #6d5a00;
--color-golden-relic-800: #524100;
--color-golden-relic-900: #392d00;
--color-golden-relic-950: #241900;
}SCSS
$golden-relic: #e8ce49;
$golden-relic-rgb: 232, 206, 73;
$golden-relic-light: mix(#fff, $golden-relic, 20%);
$golden-relic-dark: mix(#000, $golden-relic, 20%);
.element {
color: $golden-relic;
box-shadow: 0 0 0 2px rgba($golden-relic, 0.35);
}