Nazwany kolor · #A4943A
Shimmering Glade
Shimmering Glade to #A4943A: rgb(164 148 58), hsl(51 48% 44%), oklch(0.663 0.111 99.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Shimmering Glade color name →
#A4943A
oklch(0.663 0.111 99.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AD9F51
- B5A966
- BEB479
- C7BE8D
- D0C9A0
- D9D4B3
- E3DFC6
- ECE9D9
- F5F4EC
Odcienie ciemniejsze
- 8E8031
- 796D28
- 645A20
- 504818
- 3D3610
- 2B2609
- 1A1604
- 0A0801
- 010100
Tony
- A09244
- 9D904D
- 998E55
- 958D5D
- 928B63
- 8E896A
- 8A8770
- 878475
- 83827B
Harmonie kolorów
Komplementarna +180°
- A4943A
Shimmering Glade
- 858BD6
≈ Indigo Bloom
Analogowa -30° +30°
- A4943A
Shimmering Glade
- BF8640
≈ Amber Sienna
- 7DA054
≈ Springview Green
Triada +120° +240°
- A4943A
Shimmering Glade
- 26A3C1
≈ True Sky Blue
- C077A9
≈ Hollyhock Blossom Pink
Komplementarna rozszczepiona +150° +210°
- A4943A
Shimmering Glade
- 5A98D4
≈ Winter Lake
- A77FC7
≈ Wisteria
Tetrada +90° +180° +270°
- A4943A
Shimmering Glade
- 17A9A1
≈ Tropical Hideaway
- 858BD6
≈ Indigo Bloom
- CD7584
≈ Pink Shade
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.05:1 · APCA Lc 57
Ag
AANa czerni
WCAG 6.87:1 · APCA Lc 44
Najlepszy kolor tekstu: #000000
WCAG 6.87:1 (AA) · APCA Lc 44
Contrast pairs
Fragmenty kodu
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);
}