Benannte Farbe · #ECE086
Gold Grillz
Gold Grillz ist #ECE086: rgb(236 224 134), hsl(53 73% 73%), oklch(0.897 0.112 101.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Gold Grillz color name →
#ECE086
oklch(0.897 0.112 101.7)
Farbumrechnungen
- HEX
- #ece086
- RGB
- rgb(236 224 134)
- HSL
- hsl(53 73% 73%)
- HWB
- hwb(53 53% 7%)
- OKLCH
- oklch(0.897 0.112 101.7)
- OKLab
- oklab(0.897 -0.023 0.11)
- CIE Lab
- lab(88.71 -4.76 45.44)
- LCH
- lch(88.71 45.69 96)
- CMYK
- cmyk(0% 5% 43% 7%)
Tints · Shades · Tones
Tints
- EEE393
- F0E7A0
- F1EAAD
- F3EDB9
- F5F0C5
- F7F3D1
- F9F6DD
- FBF9E8
- FDFCF4
Shades
- CDC374
- AFA662
- 928A51
- 767040
- 5B5630
- 423E21
- 292713
- 131206
- 030201
Tones
- E1D687
- D5CC87
- CAC387
- BFB987
- B4AF86
- AAA686
- 9F9C84
- 949383
- 8A8982
Farbharmonien
Komplementär +180°
- ECE086
Gold Grillz
- D7DAFF
≈ Transparent Blue
Analog -30° +30°
- ECE086
Gold Grillz
- FFD5A2
≈ Light and Fluffy
- C2ED9F
≈ Sweet Mint Pesto
Triadisch +120° +240°
- ECE086
Gold Grillz
- A8E9FF
≈ Fresh Air
- FFCBEB
≈ Infra-White
Geteilt komplementär +150° +210°
- ECE086
Gold Grillz
- C5E0FF
≈ Arc Light
- ECD1FF
≈ Rose Dragée
Tetradisch +90° +180° +270°
- ECE086
Gold Grillz
- 78F5F0
≈ Dead Sea
- D7DAFF
≈ Transparent Blue
- FFCFD4
≈ Love Fumes
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.34:1 · APCA Lc 17
Ag
AAAAuf Schwarz
WCAG 15.57:1 · APCA Lc 87
Beste Textfarbe: #000000
WCAG 15.57:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--gold-grillz: #ece086;
--gold-grillz-rgb: 236 224 134;
--gold-grillz-oklch: oklch(0.897 0.112 101.7);
}
.element {
color: var(--gold-grillz);
background-color: hsl(53 73% 73%);
border-color: oklch(0.897 0.112 101.7);
}Tailwind CSS v4
@theme {
--color-gold-grillz: #ece086;
--color-gold-grillz-50: #faf7d3;
--color-gold-grillz-100: #eeeabf;
--color-gold-grillz-200: #dcd79f;
--color-gold-grillz-300: #c1bb76;
--color-gold-grillz-400: #aca14d;
--color-gold-grillz-500: #968817;
--color-gold-grillz-600: #7f7318;
--color-gold-grillz-700: #655c13;
--color-gold-grillz-800: #4c430a;
--color-gold-grillz-900: #352e07;
--color-gold-grillz-950: #201b00;
}SCSS
$gold-grillz: #ece086;
$gold-grillz-rgb: 236, 224, 134;
$gold-grillz-light: mix(#fff, $gold-grillz, 20%);
$gold-grillz-dark: mix(#000, $gold-grillz, 20%);
.element {
color: $gold-grillz;
box-shadow: 0 0 0 2px rgba($gold-grillz, 0.35);
}