Benannte Farbe · #E7C068
Golden Chalice
Golden Chalice ist #E7C068: rgb(231 192 104), hsl(42 73% 66%), oklch(0.824 0.116 85.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Golden Chalice color name →
#E7C068
oklch(0.824 0.116 85.9)
Farbumrechnungen
- HEX
- #e7c068
- RGB
- rgb(231 192 104)
- HSL
- hsl(42 73% 66%)
- HWB
- hwb(42 41% 9%)
- OKLCH
- oklch(0.824 0.116 85.9)
- OKLab
- oklab(0.824 0.008 0.116)
- CIE Lab
- lab(79.84 6.81 49.21)
- LCH
- lch(79.84 49.68 82.1)
- CMYK
- cmyk(0% 17% 55% 9%)
Tints · Shades · Tones
Tints
- EAC679
- ECCD89
- EED399
- F1DAA8
- F3E0B7
- F6E6C5
- F8ECD4
- FAF3E2
- FDF9F1
Shades
- C9A759
- AB8E4B
- 8F763E
- 735F30
- 594924
- 403418
- 28200C
- 130E04
- 030200
Tones
- DCBA6C
- D2B370
- C7AD73
- BDA676
- B2A079
- A89A7B
- 9E937D
- 948D7E
- 8A867F
Farbharmonien
Komplementär +180°
- E7C068
Golden Chalice
- ABC5FF
≈ Night Snow
Analog -30° +30°
- E7C068
Golden Chalice
- FFB17A
≈ Cantaloupe Slice
- C2CF75
≈ Gentle Dill
Triadisch +120° +240°
- E7C068
Golden Chalice
- 56DBEA
≈ Blue Dacnis
- EDABEE
≈ Pinky Swear
Geteilt komplementär +150° +210°
- E7C068
Golden Chalice
- 81D0FF
≈ Drift on the Sea
- CBB9FF
≈ Lavender Tonic
Tetradisch +90° +180° +270°
- E7C068
Golden Chalice
- 66DEC2
≈ Ocean in a Bowl
- ABC5FF
≈ Night Snow
- FFA7C8
≈ Taffy Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.73:1 · APCA Lc 31
Ag
AAAAuf Schwarz
WCAG 12.13:1 · APCA Lc 72
Beste Textfarbe: #000000
WCAG 12.13:1 (AAA) · APCA Lc 72
Contrast pairs
Code-Snippets
CSS
:root {
--golden-chalice: #e7c068;
--golden-chalice-rgb: 231 192 104;
--golden-chalice-oklch: oklch(0.824 0.116 85.9);
}
.element {
color: var(--golden-chalice);
background-color: hsl(42 73% 66%);
border-color: oklch(0.824 0.116 85.9);
}Tailwind CSS v4
@theme {
--color-golden-chalice: #e7c068;
--color-golden-chalice-50: #fff4d0;
--color-golden-chalice-100: #f8e6bc;
--color-golden-chalice-200: #e9d29b;
--color-golden-chalice-300: #d0b470;
--color-golden-chalice-400: #bd9946;
--color-golden-chalice-500: #a87f00;
--color-golden-chalice-600: #8e6c09;
--color-golden-chalice-700: #725609;
--color-golden-chalice-800: #553e04;
--color-golden-chalice-900: #3b2b04;
--color-golden-chalice-950: #251800;
}SCSS
$golden-chalice: #e7c068;
$golden-chalice-rgb: 231, 192, 104;
$golden-chalice-light: mix(#fff, $golden-chalice, 20%);
$golden-chalice-dark: mix(#000, $golden-chalice, 20%);
.element {
color: $golden-chalice;
box-shadow: 0 0 0 2px rgba($golden-chalice, 0.35);
}