Benannte Farbe · #E0C84B
Golden Kingdom
Golden Kingdom ist #E0C84B: rgb(224 200 75), hsl(50 71% 59%), oklch(0.831 0.144 98.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Golden Kingdom color name →
#E0C84B
oklch(0.831 0.144 98.3)
Farbumrechnungen
- HEX
- #e0c84b
- RGB
- rgb(224 200 75)
- HSL
- hsl(50 71% 59%)
- HWB
- hwb(50 29% 12%)
- OKLCH
- oklch(0.831 0.144 98.3)
- OKLab
- oklab(0.831 -0.021 0.142)
- CIE Lab
- lab(80.97 -1.43 62.99)
- LCH
- lch(80.97 63 91.3)
- CMYK
- cmyk(0% 11% 67% 12%)
Tints · Shades · Tones
Tints
- E3CE63
- E6D477
- E9D98A
- ECDF9C
- EFE4AD
- F2EABE
- F5EFCF
- F9F5DF
- FCFAEF
Shades
- C3AE40
- A69435
- 8A7B2B
- 706321
- 564C17
- 3E360E
- 272106
- 120F02
- 020200
Tones
- D6C155
- CCBA5E
- C2B264
- B8AB6A
- AFA46F
- A59D74
- 9C9678
- 928E7B
- 89877E
Farbharmonien
Komplementär +180°
- E0C84B
Golden Kingdom
- BAC3FF
≈ Light Periwinkle
Analog -30° +30°
- E0C84B
Golden Kingdom
- FFB763
≈ Warm Apricot
- ACD96F
≈ Melissa
Triadisch +120° +240°
- E0C84B
Golden Kingdom
- 4DDBFF
≈ Berta Blue
- FFA5E5
≈ Lavender Rose
Geteilt komplementär +150° +210°
- E0C84B
Golden Kingdom
- 9ACDFF
≈ Apocyan
- DCB4FF
≈ Light Violet
Tetradisch +90° +180° +270°
- E0C84B
Golden Kingdom
- 06E5D9
≈ First Timer Green
- BAC3FF
≈ Light Periwinkle
- FFADBB
≈ Poodle Skirt
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.67:1 · APCA Lc 29
Ag
AAAAuf Schwarz
WCAG 12.53:1 · APCA Lc 73
Beste Textfarbe: #000000
WCAG 12.53:1 (AAA) · APCA Lc 73
Contrast pairs
Code-Snippets
CSS
:root {
--golden-kingdom: #e0c84b;
--golden-kingdom-rgb: 224 200 75;
--golden-kingdom-oklch: oklch(0.831 0.144 98.3);
}
.element {
color: var(--golden-kingdom);
background-color: hsl(50 71% 59%);
border-color: oklch(0.831 0.144 98.3);
}Tailwind CSS v4
@theme {
--color-golden-kingdom: #e0c84b;
--color-golden-kingdom-50: #fef7c8;
--color-golden-kingdom-100: #f2eab2;
--color-golden-kingdom-200: #e2d68e;
--color-golden-kingdom-300: #c8b95d;
--color-golden-kingdom-400: #b59e20;
--color-golden-kingdom-500: #a08500;
--color-golden-kingdom-600: #877100;
--color-golden-kingdom-700: #6c5a00;
--color-golden-kingdom-800: #514100;
--color-golden-kingdom-900: #392d00;
--color-golden-kingdom-950: #231a00;
}SCSS
$golden-kingdom: #e0c84b;
$golden-kingdom-rgb: 224, 200, 75;
$golden-kingdom-light: mix(#fff, $golden-kingdom, 20%);
$golden-kingdom-dark: mix(#000, $golden-kingdom, 20%);
.element {
color: $golden-kingdom;
box-shadow: 0 0 0 2px rgba($golden-kingdom, 0.35);
}