En yakın adlandırılmış renk · #8DB086
#8DB086
En yakın adlandırılmış renk: Foliage
#8DB086 (rgb(141 176 134), hsl(110 21% 61%), oklch(0.72 0.071 140.4)) en çok Foliage adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#8DB086
oklch(0.72 0.071 140.4)
Renk dönüşümleri
- HEX
- #8db086
- RGB
- rgb(141 176 134)
- HSL
- hsl(110 21% 61%)
- HWB
- hwb(110 53% 31%)
- OKLCH
- oklch(0.72 0.071 140.4)
- OKLab
- oklab(0.72 -0.055 0.045)
- CIE Lab
- lab(68.38 -18.47 17.53)
- LCH
- lch(68.38 25.47 136.5)
- CMYK
- cmyk(20% 0% 24% 31%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 98B892
- A3C09E
- AEC7A9
- BACFB5
- C5D7C1
- D0DFCE
- DCE7DA
- E8EFE6
- F3F7F2
Koyu tonlar
- 7A9974
- 678262
- 556C51
- 445640
- 334230
- 232E21
- 141C13
- 070B06
- 010101
Gri tonlar
- 8CAB86
- 8BA685
- 89A185
- 889D84
- 879883
- 869383
- 848E82
- 838A82
- 818581
Renk uyumları
Tamamlayıcı +180°
- 8DB086
Foliage
- B996C0
≈ Atlantic Tulip
Analog -30° +30°
- 8DB086
Foliage
- A6A975
≈ Cardamom
- 76B39E
≈ Beau Monde
Üçlü +120° +240°
- 8DB086
Foliage
- 8BA6D2
≈ Rip Van Periwinkle
- CD9392
≈ Tongue
Bölünmüş tamamlayıcı +150° +210°
- 8DB086
Foliage
- A49DCE
≈ Wistful
- C893AA
≈ Bonny Belle
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.41:1 · APCA Lc 48
Ag
AAASiyah üzerinde
WCAG 8.68:1 · APCA Lc 54
En iyi metin rengi: #000000
WCAG 8.68:1 (AAA) · APCA Lc 54
Contrast pairs
Kod parçacıkları
CSS
:root {
--foliage: #8db086;
--foliage-rgb: 141 176 134;
--foliage-oklch: oklch(0.72 0.071 140.4);
}
.element {
color: var(--foliage);
background-color: hsl(110 21% 61%);
border-color: oklch(0.72 0.071 140.4);
}Tailwind CSS v4
@theme {
--color-foliage: #8db086;
--color-foliage-50: #eafbe8;
--color-foliage-100: #dbeed9;
--color-foliage-200: #c4dcc1;
--color-foliage-300: #a3c1a0;
--color-foliage-400: #88a982;
--color-foliage-500: #6d9265;
--color-foliage-600: #5c7c56;
--color-foliage-700: #4a6345;
--color-foliage-800: #364830;
--color-foliage-900: #253221;
--color-foliage-950: #131e10;
}SCSS
$foliage: #8db086;
$foliage-rgb: 141, 176, 134;
$foliage-light: mix(#fff, $foliage, 20%);
$foliage-dark: mix(#000, $foliage, 20%);
.element {
color: $foliage;
box-shadow: 0 0 0 2px rgba($foliage, 0.35);
}