Adlandırılmış renk · #939087
Smoky Grey Green
Smoky Grey Green, #939087: rgb(147 144 135), hsl(45 5% 55%), oklch(0.653 0.014 91.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Smoky Grey Green color name →
#939087
oklch(0.653 0.014 91.6)
Renk dönüşümleri
- HEX
- #939087
- RGB
- rgb(147 144 135)
- HSL
- hsl(45 5% 55%)
- HWB
- hwb(45 53% 42%)
- OKLCH
- oklch(0.653 0.014 91.6)
- OKLab
- oklab(0.653 0 0.014)
- CIE Lab
- lab(59.85 -0.1 5.21)
- LCH
- lch(59.85 5.21 91.1)
- CMYK
- cmyk(0% 2% 8% 42%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9D9B92
- A8A59E
- B2B0AA
- BDBBB5
- C8C6C1
- D2D1CD
- DDDDDA
- E9E8E6
- F4F3F2
Koyu tonlar
- 7F7D75
- 6C6A63
- 595751
- 474541
- 363431
- 252421
- 161513
- 080706
- 010101
Gri tonlar
- 918E86
- 8F8D86
- 8D8B85
- 8B8A84
- 898884
- 888683
- 868582
- 848381
- 828281
Renk uyumları
Tamamlayıcı +180°
- 939087
Smoky Grey Green
- 8D9099
≈ Tulle Grey
Analog -30° +30°
- 939087
Smoky Grey Green
- 978E88
≈ Water Tower
- 8F9289
≈ Smoky Grey Green
Üçlü +120° +240°
- 939087
Smoky Grey Green
- 879395
≈ Blue Driftwood
- 958D94
≈ Aragonite Grey
Bölünmüş tamamlayıcı +150° +210°
- 939087
Smoky Grey Green
- 899198
≈ Seal Grey
- 918E97
≈ Aragonite Grey
Dörtlü +90° +180° +270°
- 939087
Smoky Grey Green
- 889391
≈ Deep Sea Grey
- 8D9099
≈ Tulle Grey
- 988D8F
≈ Globe Thistle Grey Rose
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.19:1 · APCA Lc 59
Ag
AASiyah üzerinde
WCAG 6.57:1 · APCA Lc 43
En iyi metin rengi: #000000
WCAG 6.57:1 (AA) · APCA Lc 43
Contrast pairs
Kod parçacıkları
CSS
:root {
--smoky-grey-green: #939087;
--smoky-grey-green-rgb: 147 144 135;
--smoky-grey-green-oklch: oklch(0.653 0.014 91.6);
}
.element {
color: var(--smoky-grey-green);
background-color: hsl(45 5% 55%);
border-color: oklch(0.653 0.014 91.6);
}Tailwind CSS v4
@theme {
--color-smoky-grey-green: #939087;
--color-smoky-grey-green-50: #f6f5f1;
--color-smoky-grey-green-100: #e9e8e3;
--color-smoky-grey-green-200: #d6d4ce;
--color-smoky-grey-green-300: #b9b7b0;
--color-smoky-grey-green-400: #a19e96;
--color-smoky-grey-green-500: #89867c;
--color-smoky-grey-green-600: #747169;
--color-smoky-grey-green-700: #5d5b54;
--color-smoky-grey-green-800: #44423d;
--color-smoky-grey-green-900: #2f2e2a;
--color-smoky-grey-green-950: #1c1a18;
}SCSS
$smoky-grey-green: #939087;
$smoky-grey-green-rgb: 147, 144, 135;
$smoky-grey-green-light: mix(#fff, $smoky-grey-green, 20%);
$smoky-grey-green-dark: mix(#000, $smoky-grey-green, 20%);
.element {
color: $smoky-grey-green;
box-shadow: 0 0 0 2px rgba($smoky-grey-green, 0.35);
}