En yakın adlandırılmış renk · #8F8F54
#8F8F54
En yakın adlandırılmış renk: Green Olive
#8F8F54 (rgb(143 143 84), hsl(60 26% 45%), oklch(0.636 0.08 108.5)) en çok Green Olive 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.
#8F8F54
oklch(0.636 0.08 108.5)
Renk dönüşümleri
- HEX
- #8f8f54
- RGB
- rgb(143 143 84)
- HSL
- hsl(60 26% 45%)
- HWB
- hwb(60 33% 44%)
- OKLCH
- oklch(0.636 0.08 108.5)
- OKLab
- oklab(0.636 -0.025 0.076)
- CIE Lab
- lab(58.36 -6.76 31.32)
- LCH
- lch(58.36 32.04 102.2)
- CMYK
- cmyk(0% 0% 41% 44%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9A9A65
- A4A576
- AFB087
- BABB98
- C5C6A8
- D1D1B9
- DCDDCB
- E7E8DC
- F3F3ED
Koyu tonlar
- 7C7C48
- 69693C
- 575731
- 454526
- 34341B
- 242411
- 151508
- 070702
- 010100
Gri tonlar
- 8D8E59
- 8C8C5E
- 8A8B63
- 898968
- 87886C
- 868670
- 848574
- 838378
- 81827C
Renk uyumları
Tamamlayıcı +180°
- 8F8F54
Green Olive
- 8983B9
≈ Bravo!
Analog -30° +30°
- 8F8F54
Green Olive
- A68551
≈ Muddy Waters
- 729767
≈ Van Gogh Olives
Üçlü +120° +240°
- 8F8F54
Green Olive
- 5295B2
≈ Heritage Blue
- B07793
≈ So Long Shadow
Bölünmüş tamamlayıcı +150° +210°
- 8F8F54
Green Olive
- 6D8CBC
≈ Debutante Ball
- A07BAA
≈ Virtuous
Dörtlü +90° +180° +270°
- 8F8F54
Green Olive
- 479A9D
≈ Aquatic Green
- 8983B9
≈ Bravo!
- B77778
≈ Nipple
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.37:1 · APCA Lc 61
Ag
AASiyah üzerinde
WCAG 6.22:1 · APCA Lc 41
En iyi metin rengi: #000000
WCAG 6.22:1 (AA) · APCA Lc 41
Contrast pairs
Kod parçacıkları
CSS
:root {
--green-olive: #8f8f54;
--green-olive-rgb: 143 143 84;
--green-olive-oklch: oklch(0.636 0.08 108.5);
}
.element {
color: var(--green-olive);
background-color: hsl(60 26% 45%);
border-color: oklch(0.636 0.08 108.5);
}Tailwind CSS v4
@theme {
--color-green-olive: #8f8f54;
--color-green-olive-50: #f6f8de;
--color-green-olive-100: #e9ebcc;
--color-green-olive-200: #d5d8b1;
--color-green-olive-300: #b9bc8c;
--color-green-olive-400: #a2a36a;
--color-green-olive-500: #8b8a48;
--color-green-olive-600: #75753e;
--color-green-olive-700: #5e5e31;
--color-green-olive-800: #464422;
--color-green-olive-900: #302f16;
--color-green-olive-950: #1d1c08;
}SCSS
$green-olive: #8f8f54;
$green-olive-rgb: 143, 143, 84;
$green-olive-light: mix(#fff, $green-olive, 20%);
$green-olive-dark: mix(#000, $green-olive, 20%);
.element {
color: $green-olive;
box-shadow: 0 0 0 2px rgba($green-olive, 0.35);
}