Adlandırılmış renk · #A4943A
Shimmering Glade
Shimmering Glade, #A4943A: rgb(164 148 58), hsl(51 48% 44%), oklch(0.663 0.111 99.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Shimmering Glade color name →
#A4943A
oklch(0.663 0.111 99.2)
Renk dönüşümleri
- HEX
- #a4943a
- RGB
- rgb(164 148 58)
- HSL
- hsl(51 48% 44%)
- HWB
- hwb(51 23% 36%)
- OKLCH
- oklch(0.663 0.111 99.2)
- OKLab
- oklab(0.663 -0.018 0.11)
- CIE Lab
- lab(61.43 -1.89 48.15)
- LCH
- lch(61.43 48.19 92.2)
- CMYK
- cmyk(0% 10% 65% 36%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AD9F51
- B5A966
- BEB479
- C7BE8D
- D0C9A0
- D9D4B3
- E3DFC6
- ECE9D9
- F5F4EC
Koyu tonlar
- 8E8031
- 796D28
- 645A20
- 504818
- 3D3610
- 2B2609
- 1A1604
- 0A0801
- 010100
Gri tonlar
- A09244
- 9D904D
- 998E55
- 958D5D
- 928B63
- 8E896A
- 8A8770
- 878475
- 83827B
Renk uyumları
Tamamlayıcı +180°
- A4943A
Shimmering Glade
- 858BD6
≈ Indigo Bloom
Analog -30° +30°
- A4943A
Shimmering Glade
- BF8640
≈ Amber Sienna
- 7DA054
≈ Springview Green
Üçlü +120° +240°
- A4943A
Shimmering Glade
- 26A3C1
≈ True Sky Blue
- C077A9
≈ Hollyhock Blossom Pink
Bölünmüş tamamlayıcı +150° +210°
- A4943A
Shimmering Glade
- 5A98D4
≈ Winter Lake
- A77FC7
≈ Wisteria
Dörtlü +90° +180° +270°
- A4943A
Shimmering Glade
- 17A9A1
≈ Tropical Hideaway
- 858BD6
≈ Indigo Bloom
- CD7584
≈ Pink Shade
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.05:1 · APCA Lc 57
Ag
AASiyah üzerinde
WCAG 6.87:1 · APCA Lc 44
En iyi metin rengi: #000000
WCAG 6.87:1 (AA) · APCA Lc 44
Contrast pairs
Kod parçacıkları
CSS
:root {
--shimmering-glade: #a4943a;
--shimmering-glade-rgb: 164 148 58;
--shimmering-glade-oklch: oklch(0.663 0.111 99.2);
}
.element {
color: var(--shimmering-glade);
background-color: hsl(51 48% 44%);
border-color: oklch(0.663 0.111 99.2);
}Tailwind CSS v4
@theme {
--color-shimmering-glade: #a4943a;
--color-shimmering-glade-50: #fbf7d3;
--color-shimmering-glade-100: #efeabf;
--color-shimmering-glade-200: #ded69f;
--color-shimmering-glade-300: #c3ba76;
--color-shimmering-glade-400: #afa04c;
--color-shimmering-glade-500: #998716;
--color-shimmering-glade-600: #817218;
--color-shimmering-glade-700: #675b13;
--color-shimmering-glade-800: #4d420a;
--color-shimmering-glade-900: #362e07;
--color-shimmering-glade-950: #211a00;
}SCSS
$shimmering-glade: #a4943a;
$shimmering-glade-rgb: 164, 148, 58;
$shimmering-glade-light: mix(#fff, $shimmering-glade, 20%);
$shimmering-glade-dark: mix(#000, $shimmering-glade, 20%);
.element {
color: $shimmering-glade;
box-shadow: 0 0 0 2px rgba($shimmering-glade, 0.35);
}