Adlandırılmış renk · #7E8C7A
Amazon Moss
Amazon Moss, #7E8C7A: rgb(126 140 122), hsl(107 7% 51%), oklch(0.623 0.031 138.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? → · Amazon Moss color name →
#7E8C7A
oklch(0.623 0.031 138.7)
Renk dönüşümleri
- HEX
- #7e8c7a
- RGB
- rgb(126 140 122)
- HSL
- hsl(107 7% 51%)
- HWB
- hwb(107 48% 45%)
- OKLCH
- oklch(0.623 0.031 138.7)
- OKLab
- oklab(0.623 -0.023 0.021)
- CIE Lab
- lab(56.71 -7.94 7.85)
- LCH
- lch(56.71 11.17 135.3)
- CMYK
- cmyk(10% 0% 13% 45%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8A9787
- 96A293
- A3ADA0
- B0B9AD
- BDC4BA
- CAD0C8
- D7DBD5
- E4E7E3
- F1F3F1
Koyu tonlar
- 6D7969
- 5C6759
- 4C5549
- 3C433A
- 2D332B
- 1F231D
- 111410
- 050705
- 010101
Gri tonlar
- 7E8B7B
- 7E8A7B
- 7F887C
- 7F877C
- 7F867D
- 7F857E
- 7F847E
- 80827F
- 80817F
Renk uyumları
Tamamlayıcı +180°
- 7E8C7A
Amazon Moss
- 8F8293
≈ Purple Ash
Analog -30° +30°
- 7E8C7A
Amazon Moss
- 888974
≈ Dried Basil
- 768E84
≈ Gumbo
Üçlü +120° +240°
- 7E8C7A
Amazon Moss
- 7C889A
≈ Window Screen
- 998080
≈ Opium
Bölünmüş tamamlayıcı +150° +210°
- 7E8C7A
Amazon Moss
- 868499
≈ Soft Charcoal
- 96808A
≈ Toadstool Soup
Dörtlü +90° +180° +270°
- 7E8C7A
Amazon Moss
- 748B96
≈ Bluish Grey
- 8F8293
≈ Purple Ash
- 988277
≈ Flower Wood
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.54:1 · APCA Lc 63
Ag
AASiyah üzerinde
WCAG 5.91:1 · APCA Lc 39
En iyi metin rengi: #000000
WCAG 5.91:1 (AA) · APCA Lc 39
Contrast pairs
Kod parçacıkları
CSS
:root {
--amazon-moss: #7e8c7a;
--amazon-moss-rgb: 126 140 122;
--amazon-moss-oklch: oklch(0.623 0.031 138.7);
}
.element {
color: var(--amazon-moss);
background-color: hsl(107 7% 51%);
border-color: oklch(0.623 0.031 138.7);
}Tailwind CSS v4
@theme {
--color-amazon-moss: #7e8c7a;
--color-amazon-moss-50: #f0f7ef;
--color-amazon-moss-100: #e2ebe1;
--color-amazon-moss-200: #cdd8cb;
--color-amazon-moss-300: #afbcad;
--color-amazon-moss-400: #95a392;
--color-amazon-moss-500: #7c8b78;
--color-amazon-moss-600: #697665;
--color-amazon-moss-700: #545e51;
--color-amazon-moss-800: #3d453a;
--color-amazon-moss-900: #2a3028;
--color-amazon-moss-950: #181c16;
}SCSS
$amazon-moss: #7e8c7a;
$amazon-moss-rgb: 126, 140, 122;
$amazon-moss-light: mix(#fff, $amazon-moss, 20%);
$amazon-moss-dark: mix(#000, $amazon-moss, 20%);
.element {
color: $amazon-moss;
box-shadow: 0 0 0 2px rgba($amazon-moss, 0.35);
}