Benoemde kleur · #7A796E
Green Jeans
Green Jeans is #7A796E: rgb(122 121 110), hsl(55 5% 45%), oklch(0.574 0.017 102.7). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Green Jeans color name →
#7A796E
oklch(0.574 0.017 102.7)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- 86867B
- 939289
- A09F97
- ADACA5
- BABAB4
- C8C7C2
- D5D5D1
- E3E3E0
- F1F1F0
Schaduwen
- 69685F
- 595850
- 494841
- 3A3933
- 2B2B26
- 1D1D19
- 10100E
- 050504
- 010101
Tonen
- 7B7A70
- 7B7A72
- 7C7B73
- 7C7C75
- 7D7D77
- 7E7D79
- 7E7E7B
- 7F7F7C
- 7F7F7E
Kleurharmonieën
Complementair +180°
- 7A796E
Green Jeans
- 777782
≈ Infamous
Analoog -30° +30°
- 7A796E
Green Jeans
- 7F776E
≈ Eagle Ridge
- 757B71
≈ Harbour Rat
Triadisch +120° +240°
- 7A796E
Green Jeans
- 6E7B80
≈ Iron Frost
- 80757B
≈ Chain Mail
Gesplitst complementair +150° +210°
- 7A796E
Green Jeans
- 727982
≈ Nimbostratus
- 7C7680
≈ Plush Velvet
Tetradisch +90° +180° +270°
- 7A796E
Green Jeans
- 6E7C7B
≈ Grey Monument
- 777782
≈ Infamous
- 827576
≈ Zircon Grey
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 4.38:1 · APCA Lc 70
Ag
AAOp zwart
WCAG 4.78:1 · APCA Lc 31
Beste tekstkleur: #000000
WCAG 4.78:1 (AA) · APCA Lc 31
Contrast pairs
Codefragmenten
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);
}