Adlandırılmış renk · #8D844D
Rural Green
Rural Green, #8D844D: rgb(141 132 77), hsl(52 29% 43%), oklch(0.608 0.076 100.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Rural Green color name →
#8D844D
oklch(0.608 0.076 100.2)
Renk dönüşümleri
- HEX
- #8d844d
- RGB
- rgb(141 132 77)
- HSL
- hsl(52 29% 43%)
- HWB
- hwb(52 30% 45%)
- OKLCH
- oklch(0.608 0.076 100.2)
- OKLab
- oklab(0.608 -0.013 0.075)
- CIE Lab
- lab(54.99 -2.49 30.86)
- LCH
- lch(54.99 30.96 94.6)
- CMYK
- cmyk(0% 6% 45% 45%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 98905F
- A39C70
- AEA882
- B9B493
- C4C0A5
- D0CCB6
- DBD9C8
- E7E6DA
- F3F2ED
Koyu tonlar
- 7A7242
- 676037
- 554F2C
- 443F22
- 332F18
- 23200F
- 141207
- 070602
- 010100
Gri tonlar
- 8C8453
- 8A8359
- 89835E
- 888363
- 868268
- 85826D
- 848272
- 828177
- 81817B
Renk uyumları
Tamamlayıcı +180°
- 8D844D
Rural Green
- 7A7EB0
≈ Ontario Violet
Analog -30° +30°
- 8D844D
Rural Green
- A07B4F
≈ Caramelised Pecan
- 748C5B
≈ Moss Gardens
Üçlü +120° +240°
- 8D844D
Rural Green
- 498DA2
≈ Cossack Dancer
- A27191
≈ Drama Queen
Bölünmüş tamamlayıcı +150° +210°
- 8D844D
Rural Green
- 5F86AF
≈ Pacific Coast
- 9176A5
≈ Diffused Orchid
Dörtlü +90° +180° +270°
- 8D844D
Rural Green
- 45918D
≈ Blue Chill
- 7A7EB0
≈ Ontario Violet
- AB7078
≈ Pomegranate Tea
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.79:1 · APCA Lc 65
Ag
AASiyah üzerinde
WCAG 5.54:1 · APCA Lc 36
En iyi metin rengi: #000000
WCAG 5.54:1 (AA) · APCA Lc 36
Contrast pairs
Kod parçacıkları
CSS
:root {
--rural-green: #8d844d;
--rural-green-rgb: 141 132 77;
--rural-green-oklch: oklch(0.608 0.076 100.2);
}
.element {
color: var(--rural-green);
background-color: hsl(52 29% 43%);
border-color: oklch(0.608 0.076 100.2);
}Tailwind CSS v4
@theme {
--color-rural-green: #8d844d;
--color-rural-green-50: #f9f6de;
--color-rural-green-100: #ece9cd;
--color-rural-green-200: #dad6b1;
--color-rural-green-300: #bfb98d;
--color-rural-green-400: #a8a06b;
--color-rural-green-500: #92874a;
--color-rural-green-600: #7b733f;
--color-rural-green-700: #635c32;
--color-rural-green-800: #494323;
--color-rural-green-900: #332e17;
--color-rural-green-950: #1e1b08;
}SCSS
$rural-green: #8d844d;
$rural-green-rgb: 141, 132, 77;
$rural-green-light: mix(#fff, $rural-green, 20%);
$rural-green-dark: mix(#000, $rural-green, 20%);
.element {
color: $rural-green;
box-shadow: 0 0 0 2px rgba($rural-green, 0.35);
}