Adlandırılmış renk · #93B59D
Garden District
Garden District, #93B59D: rgb(147 181 157), hsl(138 19% 64%), oklch(0.741 0.05 154.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Garden District color name →
#93B59D
oklch(0.741 0.05 154.3)
Renk dönüşümleri
- HEX
- #93b59d
- RGB
- rgb(147 181 157)
- HSL
- hsl(138 19% 64%)
- HWB
- hwb(138 58% 29%)
- OKLCH
- oklch(0.741 0.05 154.3)
- OKLab
- oklab(0.741 -0.045 0.022)
- CIE Lab
- lab(70.64 -15.61 8.28)
- LCH
- lch(70.64 17.67 152.1)
- CMYK
- cmyk(19% 0% 13% 29%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9EBCA6
- A8C4B0
- B3CBBA
- BED2C3
- C8DACD
- D3E1D7
- DEE8E1
- E9F0EB
- F4F7F5
Koyu tonlar
- 7F9D88
- 6C8673
- 596F5F
- 47594C
- 36443A
- 253028
- 161D18
- 080C09
- 010201
Gri tonlar
- 91B09A
- 8FAA97
- 8EA594
- 8CA091
- 8A9A8E
- 88958C
- 869089
- 848A86
- 828583
Renk uyumları
Tamamlayıcı +180°
- 93B59D
Garden District
- C0A0B8
≈ Pretty Lady
Analog -30° +30°
- 93B59D
Garden District
- A4B18E
≈ Soap Green
- 88B6AF
≈ Vintage Blue
Üçlü +120° +240°
- 93B59D
Garden District
- A1A9CC
≈ Blossom Mauve
- C9A096
≈ Raspberry Kahlua
Bölünmüş tamamlayıcı +150° +210°
- 93B59D
Garden District
- B2A4C6
≈ Forever Lilac
- C89EA7
≈ Primula
Dörtlü +90° +180° +270°
- 93B59D
Garden District
- 91AFC9
≈ Windy Day
- C0A0B8
≈ Pretty Lady
- C2A58A
≈ Light Ash Brown
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.24:1 · APCA Lc 44
Ag
AAASiyah üzerinde
WCAG 9.33:1 · APCA Lc 58
En iyi metin rengi: #000000
WCAG 9.33:1 (AAA) · APCA Lc 58
Contrast pairs
Kod parçacıkları
CSS
:root {
--garden-district: #93b59d;
--garden-district-rgb: 147 181 157;
--garden-district-oklch: oklch(0.741 0.05 154.3);
}
.element {
color: var(--garden-district);
background-color: hsl(138 19% 64%);
border-color: oklch(0.741 0.05 154.3);
}Tailwind CSS v4
@theme {
--color-garden-district: #93b59d;
--color-garden-district-50: #eafaef;
--color-garden-district-100: #dbede1;
--color-garden-district-200: #c4dbcb;
--color-garden-district-300: #a3c0ad;
--color-garden-district-400: #88a891;
--color-garden-district-500: #6c9077;
--color-garden-district-600: #5c7a65;
--color-garden-district-700: #496251;
--color-garden-district-800: #35483a;
--color-garden-district-900: #243228;
--color-garden-district-950: #131e16;
}SCSS
$garden-district: #93b59d;
$garden-district-rgb: 147, 181, 157;
$garden-district-light: mix(#fff, $garden-district, 20%);
$garden-district-dark: mix(#000, $garden-district, 20%);
.element {
color: $garden-district;
box-shadow: 0 0 0 2px rgba($garden-district, 0.35);
}