Adlandırılmış renk · #9FAE9E
Wormwood Green
Wormwood Green, #9FAE9E: rgb(159 174 158), hsl(116 9% 65%), oklch(0.734 0.028 143.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Wormwood Green color name →
#9FAE9E
oklch(0.734 0.028 143.5)
Renk dönüşümleri
- HEX
- #9fae9e
- RGB
- rgb(159 174 158)
- HSL
- hsl(116 9% 65%)
- HWB
- hwb(116 62% 32%)
- OKLCH
- oklch(0.734 0.028 143.5)
- OKLab
- oklab(0.734 -0.023 0.017)
- CIE Lab
- lab(69.56 -7.74 6.36)
- LCH
- lch(69.56 10.02 140.6)
- CMYK
- cmyk(9% 0% 9% 32%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A8B6A7
- B2BEB1
- BBC6BA
- C4CEC4
- CED6CD
- D8DED7
- E1E6E1
- EBEEEB
- F5F7F5
Koyu tonlar
- 8A9789
- 758074
- 616A60
- 4D554D
- 3B413A
- 292E29
- 181C18
- 090B09
- 010101
Gri tonlar
- 9CA99B
- 99A598
- 96A095
- 939B92
- 8F978F
- 8C928C
- 898E89
- 868986
- 838483
Renk uyumları
Tamamlayıcı +180°
- 9FAE9E
Wormwood Green
- B2A3B3
≈ Midsummer Twilight
Analog -30° +30°
- 9FAE9E
Wormwood Green
- A9AB97
≈ Amazon Vine
- 98AFA7
≈ Lovage Green
Üçlü +120° +240°
- 9FAE9E
Wormwood Green
- A0A9BB
≈ Ridge View
- BAA3A1
≈ Lilac Smoke
Bölünmüş tamamlayıcı +150° +210°
- 9FAE9E
Wormwood Green
- A9A6BA
≈ Morning Mist Grey
- B8A2AA
≈ Magical Mauve
Dörtlü +90° +180° +270°
- 9FAE9E
Wormwood Green
- 98ADB8
≈ Chicago Skyline
- B2A3B3
≈ Midsummer Twilight
- B8A599
≈ Pick of the Litter
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.32:1 · APCA Lc 46
Ag
AAASiyah üzerinde
WCAG 9.02:1 · APCA Lc 56
En iyi metin rengi: #000000
WCAG 9.02:1 (AAA) · APCA Lc 56
Contrast pairs
Kod parçacıkları
CSS
:root {
--wormwood-green: #9fae9e;
--wormwood-green-rgb: 159 174 158;
--wormwood-green-oklch: oklch(0.734 0.028 143.5);
}
.element {
color: var(--wormwood-green);
background-color: hsl(116 9% 65%);
border-color: oklch(0.734 0.028 143.5);
}Tailwind CSS v4
@theme {
--color-wormwood-green: #9fae9e;
--color-wormwood-green-50: #f0f7f0;
--color-wormwood-green-100: #e2ebe2;
--color-wormwood-green-200: #cdd8cd;
--color-wormwood-green-300: #afbbaf;
--color-wormwood-green-400: #95a394;
--color-wormwood-green-500: #7b8b7a;
--color-wormwood-green-600: #697668;
--color-wormwood-green-700: #545e53;
--color-wormwood-green-800: #3d453c;
--color-wormwood-green-900: #2a3029;
--color-wormwood-green-950: #181c17;
}SCSS
$wormwood-green: #9fae9e;
$wormwood-green-rgb: 159, 174, 158;
$wormwood-green-light: mix(#fff, $wormwood-green, 20%);
$wormwood-green-dark: mix(#000, $wormwood-green, 20%);
.element {
color: $wormwood-green;
box-shadow: 0 0 0 2px rgba($wormwood-green, 0.35);
}