Adlandırılmış renk · #7A973B
Antique Moss
Antique Moss, #7A973B: rgb(122 151 59), hsl(79 44% 41%), oklch(0.635 0.124 124.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Antique Moss color name →
#7A973B
oklch(0.635 0.124 124.6)
Renk dönüşümleri
- HEX
- #7a973b
- RGB
- rgb(122 151 59)
- HSL
- hsl(79 44% 41%)
- HWB
- hwb(79 23% 41%)
- OKLCH
- oklch(0.635 0.124 124.6)
- OKLab
- oklab(0.635 -0.07 0.102)
- CIE Lab
- lab(58.77 -21.32 43.63)
- LCH
- lch(58.77 48.56 116)
- CMYK
- cmyk(19% 0% 61% 41%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 86A151
- 93AC65
- A0B679
- ADC08C
- BACB9F
- C8D5B2
- D5E0C5
- E3EAD8
- F1F4EC
Koyu tonlar
- 698332
- 596F29
- 495C21
- 3A4919
- 2B3711
- 1D2609
- 101704
- 050801
- 010100
Gri tonlar
- 7B9545
- 7B934D
- 7C9155
- 7C8E5C
- 7D8C63
- 7E8A69
- 7E876F
- 7F8575
- 7F837B
Renk uyumları
Tamamlayıcı +180°
- 7A973B
Antique Moss
- 9C76C7
≈ Lilac Bush
Analog -30° +30°
- 7A973B
Antique Moss
- A38917
≈ Golden Palm
- 41A068
≈ Greenish
Üçlü +120° +240°
- 7A973B
Antique Moss
- 3E91D0
≈ Magical Merlin
- C86881
≈ Ballerina Tutu
Bölünmüş tamamlayıcı +150° +210°
- 7A973B
Antique Moss
- 7483D5
≈ Tanzine
- B86CA9
≈ Pearly Purple
Dörtlü +90° +180° +270°
- 7A973B
Antique Moss
- 009BB4
≈ Barrier Reef
- 9C76C7
≈ Lilac Bush
- CA6C56
≈ Langoustino
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.32:1 · APCA Lc 61
Ag
AASiyah üzerinde
WCAG 6.31:1 · APCA Lc 41
En iyi metin rengi: #000000
WCAG 6.31:1 (AA) · APCA Lc 41
Contrast pairs
Kod parçacıkları
CSS
:root {
--antique-moss: #7a973b;
--antique-moss-rgb: 122 151 59;
--antique-moss-oklch: oklch(0.635 0.124 124.6);
}
.element {
color: var(--antique-moss);
background-color: hsl(79 44% 41%);
border-color: oklch(0.635 0.124 124.6);
}Tailwind CSS v4
@theme {
--color-antique-moss: #7a973b;
--color-antique-moss-50: #ecfcd6;
--color-antique-moss-100: #ddf0c4;
--color-antique-moss-200: #c6dfa5;
--color-antique-moss-300: #a7c37d;
--color-antique-moss-400: #8eab55;
--color-antique-moss-500: #749329;
--color-antique-moss-600: #627d25;
--color-antique-moss-700: #4f641d;
--color-antique-moss-800: #3b4911;
--color-antique-moss-900: #28330a;
--color-antique-moss-950: #161e00;
}SCSS
$antique-moss: #7a973b;
$antique-moss-rgb: 122, 151, 59;
$antique-moss-light: mix(#fff, $antique-moss, 20%);
$antique-moss-dark: mix(#000, $antique-moss, 20%);
.element {
color: $antique-moss;
box-shadow: 0 0 0 2px rgba($antique-moss, 0.35);
}