Adlandırılmış renk · #7A796E
Green Jeans
Green Jeans, #7A796E: rgb(122 121 110), hsl(55 5% 45%), oklch(0.574 0.017 102.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Green Jeans color name →
#7A796E
oklch(0.574 0.017 102.7)
Renk dönüşümleri
- HEX
- #7a796e
- RGB
- rgb(122 121 110)
- HSL
- hsl(55 5% 45%)
- HWB
- hwb(55 43% 52%)
- OKLCH
- oklch(0.574 0.017 102.7)
- OKLab
- oklab(0.574 -0.004 0.016)
- CIE Lab
- lab(50.67 -1.17 6.2)
- LCH
- lch(50.67 6.31 100.7)
- CMYK
- cmyk(0% 1% 10% 52%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 86867B
- 939289
- A09F97
- ADACA5
- BABAB4
- C8C7C2
- D5D5D1
- E3E3E0
- F1F1F0
Koyu tonlar
- 69685F
- 595850
- 494841
- 3A3933
- 2B2B26
- 1D1D19
- 10100E
- 050504
- 010101
Gri tonlar
- 7B7A70
- 7B7A72
- 7C7B73
- 7C7C75
- 7D7D77
- 7E7D79
- 7E7E7B
- 7F7F7C
- 7F7F7E
Renk uyumları
Tamamlayıcı +180°
- 7A796E
Green Jeans
- 777782
≈ Infamous
Analog -30° +30°
- 7A796E
Green Jeans
- 7F776E
≈ Eagle Ridge
- 757B71
≈ Harbour Rat
Üçlü +120° +240°
- 7A796E
Green Jeans
- 6E7B80
≈ Iron Frost
- 80757B
≈ Chain Mail
Bölünmüş tamamlayıcı +150° +210°
- 7A796E
Green Jeans
- 727982
≈ Nimbostratus
- 7C7680
≈ Plush Velvet
Dörtlü +90° +180° +270°
- 7A796E
Green Jeans
- 6E7C7B
≈ Grey Monument
- 777782
≈ Infamous
- 827576
≈ Zircon Grey
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.38:1 · APCA Lc 70
Ag
AASiyah üzerinde
WCAG 4.78:1 · APCA Lc 31
En iyi metin rengi: #000000
WCAG 4.78:1 (AA) · APCA Lc 31
Contrast pairs
Kod parçacıkları
CSS
:root {
--green-jeans: #7a796e;
--green-jeans-rgb: 122 121 110;
--green-jeans-oklch: oklch(0.574 0.017 102.7);
}
.element {
color: var(--green-jeans);
background-color: hsl(55 5% 45%);
border-color: oklch(0.574 0.017 102.7);
}Tailwind CSS v4
@theme {
--color-green-jeans: #7a796e;
--color-green-jeans-50: #f6f5f0;
--color-green-jeans-100: #e8e8e2;
--color-green-jeans-200: #d5d5cd;
--color-green-jeans-300: #b8b8ae;
--color-green-jeans-400: #a09f94;
--color-green-jeans-500: #88877a;
--color-green-jeans-600: #737268;
--color-green-jeans-700: #5c5b53;
--color-green-jeans-800: #43433c;
--color-green-jeans-900: #2f2e29;
--color-green-jeans-950: #1b1b17;
}SCSS
$green-jeans: #7a796e;
$green-jeans-rgb: 122, 121, 110;
$green-jeans-light: mix(#fff, $green-jeans, 20%);
$green-jeans-dark: mix(#000, $green-jeans, 20%);
.element {
color: $green-jeans;
box-shadow: 0 0 0 2px rgba($green-jeans, 0.35);
}