En yakın adlandırılmış renk · #8CAA37
#8CAA37
En yakın adlandırılmış renk: German Hop
#8CAA37 (rgb(140 170 55), hsl(76 51% 44%), oklch(0.693 0.144 122.8)) en çok German Hop 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.
#8CAA37
oklch(0.693 0.144 122.8)
Renk dönüşümleri
- HEX
- #8caa37
- RGB
- rgb(140 170 55)
- HSL
- hsl(76 51% 44%)
- HWB
- hwb(76 22% 33%)
- OKLCH
- oklch(0.693 0.144 122.8)
- OKLab
- oklab(0.693 -0.078 0.121)
- CIE Lab
- lab(65.66 -23 52.93)
- LCH
- lch(65.66 57.71 113.5)
- CMYK
- cmyk(18% 0% 68% 33%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 97B350
- A2BB66
- ADC47A
- B8CC8E
- C4D5A1
- CFDDB4
- DBE6C7
- E7EED9
- F3F7EC
Koyu tonlar
- 79932E
- 677D26
- 55681E
- 435316
- 333F0F
- 232D08
- 141B03
- 070B01
- 010100
Gri tonlar
- 8BA643
- 89A24D
- 889E56
- 879A5D
- 869664
- 85916A
- 838D70
- 828976
- 81847B
Renk uyumları
Tamamlayıcı +180°
- 8CAA37
German Hop
- AE84E5
≈ Lavender Blossom
Analog -30° +30°
- 8CAA37
German Hop
- BB9900
≈ Hidden Tribe
- 46B570
≈ Ceramic Green
Üçlü +120° +240°
- 8CAA37
German Hop
- 38A5EE
≈ Rockman Blue
- E47294
≈ Loveland
Bölünmüş tamamlayıcı +150° +210°
- 8CAA37
German Hop
- 7F94F5
≈ Periwinkle Blue
- D078C2
≈ Purple Kush
Dörtlü +90° +180° +270°
- 8CAA37
German Hop
- 00AFC9
≈ Havasupai Falls
- AE84E5
≈ Lavender Blossom
- E77760
≈ Annular
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.65:1 · APCA Lc 51
Ag
AAASiyah üzerinde
WCAG 7.92:1 · APCA Lc 50
En iyi metin rengi: #000000
WCAG 7.92:1 (AAA) · APCA Lc 50
Contrast pairs
Kod parçacıkları
CSS
:root {
--german-hop: #8caa37;
--german-hop-rgb: 140 170 55;
--german-hop-oklch: oklch(0.693 0.144 122.8);
}
.element {
color: var(--german-hop);
background-color: hsl(76 51% 44%);
border-color: oklch(0.693 0.144 122.8);
}Tailwind CSS v4
@theme {
--color-german-hop: #8caa37;
--color-german-hop-50: #ecfdd0;
--color-german-hop-100: #ddf1bc;
--color-german-hop-200: #c6df9b;
--color-german-hop-300: #a7c470;
--color-german-hop-400: #8fac41;
--color-german-hop-500: #759400;
--color-german-hop-600: #637d00;
--color-german-hop-700: #4f6400;
--color-german-hop-800: #3c4900;
--color-german-hop-900: #293300;
--color-german-hop-950: #171e00;
}SCSS
$german-hop: #8caa37;
$german-hop-rgb: 140, 170, 55;
$german-hop-light: mix(#fff, $german-hop, 20%);
$german-hop-dark: mix(#000, $german-hop, 20%);
.element {
color: $german-hop;
box-shadow: 0 0 0 2px rgba($german-hop, 0.35);
}