Benannte Farbe · #E9C89B
Golden Talisman
Golden Talisman ist #E9C89B: rgb(233 200 155), hsl(35 64% 76%), oklch(0.85 0.07 75.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Golden Talisman color name →
#E9C89B
oklch(0.85 0.07 75.2)
Farbumrechnungen
- HEX
- #e9c89b
- RGB
- rgb(233 200 155)
- HSL
- hsl(35 64% 76%)
- HWB
- hwb(35 61% 9%)
- OKLCH
- oklch(0.85 0.07 75.2)
- OKLab
- oklab(0.85 0.018 0.068)
- CIE Lab
- lab(82.66 7.38 27.12)
- LCH
- lch(82.66 28.11 74.8)
- CMYK
- cmyk(0% 14% 33% 9%)
Tints · Shades · Tones
Tints
- EBCEA5
- EED3AF
- F0D9B9
- F2DEC3
- F4E4CD
- F7E9D7
- F9EFE1
- FBF4EB
- FDFAF5
Shades
- CBAE86
- AD9472
- 907B5E
- 74634B
- 5A4C39
- 413628
- 292118
- 130F09
- 030201
Tones
- DEC199
- D3B996
- C9B294
- BEAB91
- B3A48E
- A99C8C
- 9F9589
- 948E86
- 8A8783
Farbharmonien
Komplementär +180°
- E9C89B
Golden Talisman
- B0D1FC
≈ Ice Cold Stare
Analog -30° +30°
- E9C89B
Golden Talisman
- F6C0A8
≈ Cosmetic Peach
- D4D19C
≈ Calming Effect
Triadisch +120° +240°
- E9C89B
Golden Talisman
- 97DDDC
≈ Pale Pastel
- E0C1EE
≈ Beefy Pink
Geteilt komplementär +150° +210°
- E9C89B
Golden Talisman
- 9CD8F1
≈ Sora Blue
- C8C8FA
≈ Light Periwinkle
Tetradisch +90° +180° +270°
- E9C89B
Golden Talisman
- A3DDC3
≈ Mountain Mint
- B0D1FC
≈ Ice Cold Stare
- F0BCD8
≈ Sweet Taffy
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.59:1 · APCA Lc 27
Ag
AAAAuf Schwarz
WCAG 13.19:1 · APCA Lc 76
Beste Textfarbe: #000000
WCAG 13.19:1 (AAA) · APCA Lc 76
Contrast pairs
Code-Snippets
CSS
:root {
--golden-talisman: #e9c89b;
--golden-talisman-rgb: 233 200 155;
--golden-talisman-oklch: oklch(0.85 0.07 75.2);
}
.element {
color: var(--golden-talisman);
background-color: hsl(35 64% 76%);
border-color: oklch(0.85 0.07 75.2);
}Tailwind CSS v4
@theme {
--color-golden-talisman: #e9c89b;
--color-golden-talisman-50: #fff3df;
--color-golden-talisman-100: #f5e5cf;
--color-golden-talisman-200: #e5d1b4;
--color-golden-talisman-300: #ccb390;
--color-golden-talisman-400: #b79970;
--color-golden-talisman-500: #a18050;
--color-golden-talisman-600: #886c44;
--color-golden-talisman-700: #6d5636;
--color-golden-talisman-800: #513f26;
--color-golden-talisman-900: #392b1a;
--color-golden-talisman-950: #23180a;
}SCSS
$golden-talisman: #e9c89b;
$golden-talisman-rgb: 233, 200, 155;
$golden-talisman-light: mix(#fff, $golden-talisman, 20%);
$golden-talisman-dark: mix(#000, $golden-talisman, 20%);
.element {
color: $golden-talisman;
box-shadow: 0 0 0 2px rgba($golden-talisman, 0.35);
}