Benannte Farbe · #E0CE57
Gold Deposit
Gold Deposit ist #E0CE57: rgb(224 206 87), hsl(52 69% 61%), oklch(0.844 0.14 100.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Gold Deposit color name →
#E0CE57
oklch(0.844 0.14 100.7)
Farbumrechnungen
- HEX
- #e0ce57
- RGB
- rgb(224 206 87)
- HSL
- hsl(52 69% 61%)
- HWB
- hwb(52 34% 12%)
- OKLCH
- oklch(0.844 0.14 100.7)
- OKLab
- oklab(0.844 -0.026 0.137)
- CIE Lab
- lab(82.6 -3.81 59.71)
- LCH
- lch(82.6 59.83 93.6)
- CMYK
- cmyk(0% 8% 61% 12%)
Tints · Shades · Tones
Tints
- E3D36C
- E6D87F
- E9DD91
- ECE2A1
- EFE7B2
- F2ECC2
- F5F1D1
- F8F6E1
- FCFAF0
Shades
- C3B34B
- A6983E
- 8A7F33
- 706627
- 564E1C
- 3E3812
- 272308
- 120F03
- 020200
Tones
- D6C65F
- CCBE65
- C2B66B
- B8AF70
- AFA774
- A59F77
- 9C977A
- 92907C
- 89887E
Farbharmonien
Komplementär +180°
- E0CE57
Gold Deposit
- C2C7FF
≈ Light Periwinkle
Analog -30° +30°
- E0CE57
Gold Deposit
- FFBD6C
≈ Cinnamon Buff
- ACDE7A
≈ Melissa
Triadisch +120° +240°
- E0CE57
Gold Deposit
- 6DDDFF
≈ Athena Blue
- FFAEE2
≈ Fresh Gum
Geteilt komplementär +150° +210°
- E0CE57
Gold Deposit
- A5D0FF
≈ Baby Blue
- E2B9FF
≈ Lavender Fragrance
Tetradisch +90° +180° +270°
- E0CE57
Gold Deposit
- 2AE8E1
≈ Bright Turquoise
- C2C7FF
≈ Light Periwinkle
- FFB4BE
≈ Matt Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.59:1 · APCA Lc 27
Ag
AAAAuf Schwarz
WCAG 13.13:1 · APCA Lc 76
Beste Textfarbe: #000000
WCAG 13.13:1 (AAA) · APCA Lc 76
Contrast pairs
Code-Snippets
CSS
:root {
--gold-deposit: #e0ce57;
--gold-deposit-rgb: 224 206 87;
--gold-deposit-oklch: oklch(0.844 0.14 100.7);
}
.element {
color: var(--gold-deposit);
background-color: hsl(52 69% 61%);
border-color: oklch(0.844 0.14 100.7);
}Tailwind CSS v4
@theme {
--color-gold-deposit: #e0ce57;
--color-gold-deposit-50: #fcf8ca;
--color-gold-deposit-100: #f0ebb5;
--color-gold-deposit-200: #dfd791;
--color-gold-deposit-300: #c5ba61;
--color-gold-deposit-400: #b1a02a;
--color-gold-deposit-500: #9b8700;
--color-gold-deposit-600: #837200;
--color-gold-deposit-700: #695b00;
--color-gold-deposit-800: #4f4200;
--color-gold-deposit-900: #372e00;
--color-gold-deposit-950: #221a00;
}SCSS
$gold-deposit: #e0ce57;
$gold-deposit-rgb: 224, 206, 87;
$gold-deposit-light: mix(#fff, $gold-deposit, 20%);
$gold-deposit-dark: mix(#000, $gold-deposit, 20%);
.element {
color: $gold-deposit;
box-shadow: 0 0 0 2px rgba($gold-deposit, 0.35);
}