Adlandırılmış renk · #334400
Garden Shadow
Garden Shadow, #334400: rgb(51 68 0), hsl(75 100% 13%), oklch(0.359 0.089 124.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Garden Shadow color name →
#334400
oklch(0.359 0.089 124.1)
Renk dönüşümleri
- HEX
- #334400
- RGB
- rgb(51 68 0)
- HSL
- hsl(75 100% 13%)
- HWB
- hwb(75 0% 73%)
- OKLCH
- oklch(0.359 0.089 124.1)
- OKLab
- oklab(0.359 -0.05 0.074)
- CIE Lab
- lab(26.39 -14.54 34.04)
- LCH
- lch(26.39 37.01 113.1)
- CMYK
- cmyk(25% 0% 100% 73%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 45551F
- 576738
- 6A784F
- 7E8B67
- 929D7F
- A7B098
- BCC3B1
- D2D7CA
- E8EBE4
Koyu tonlar
- 2B3A00
- 233000
- 1C2600
- 141D00
- 0D1400
- 070C00
- 030500
- 010200
- 000000
Gri tonlar
- 3A4A13
- 415022
- 49562F
- 505C3A
- 586246
- 606852
- 686E5D
- 707469
- 787A74
Renk uyumları
Tamamlayıcı +180°
- 334400
Garden Shadow
- 472F62
≈ Violet Indigo
Analog -30° +30°
- 334400
Garden Shadow
- 493C00
≈ Xanthophobia
- 024A26
≈ Pine Green
Üçlü +120° +240°
- 334400
Garden Shadow
- 004067
≈ Dark Imperial Blue
- 612537
≈ Wine Country
Bölünmüş tamamlayıcı +150° +210°
- 334400
Garden Shadow
- 2F376B
≈ Deep Koamaru
- 582850
≈ Kuwanomi Purple
Dörtlü +90° +180° +270°
- 334400
Garden Shadow
- 004551
≈ Crab Nebula
- 472F62
≈ Violet Indigo
- 63281B
≈ Chestnut Leather
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 10.67:1 · APCA Lc 95
Ag
FailSiyah üzerinde
WCAG 1.96:1 · APCA Lc 8
En iyi metin rengi: #FFFFFF
WCAG 10.67:1 (AAA) · APCA Lc 95
Contrast pairs
Kod parçacıkları
CSS
:root {
--garden-shadow: #334400;
--garden-shadow-rgb: 51 68 0;
--garden-shadow-oklch: oklch(0.359 0.089 124.1);
}
.element {
color: var(--garden-shadow);
background-color: hsl(75 100% 13%);
border-color: oklch(0.359 0.089 124.1);
}Tailwind CSS v4
@theme {
--color-garden-shadow: #334400;
--color-garden-shadow-50: #effadf;
--color-garden-shadow-100: #e0eece;
--color-garden-shadow-200: #cadcb3;
--color-garden-shadow-300: #acc08f;
--color-garden-shadow-400: #93a86c;
--color-garden-shadow-500: #7a904b;
--color-garden-shadow-600: #677a41;
--color-garden-shadow-700: #526233;
--color-garden-shadow-800: #3d4723;
--color-garden-shadow-900: #2a3117;
--color-garden-shadow-950: #181d08;
}SCSS
$garden-shadow: #334400;
$garden-shadow-rgb: 51, 68, 0;
$garden-shadow-light: mix(#fff, $garden-shadow, 20%);
$garden-shadow-dark: mix(#000, $garden-shadow, 20%);
.element {
color: $garden-shadow;
box-shadow: 0 0 0 2px rgba($garden-shadow, 0.35);
}