Couleur nommée la plus proche · #8CAA37
#8CAA37
Couleur nommée la plus proche: German Hop
#8CAA37 (rgb(140 170 55), hsl(76 51% 44%), oklch(0.693 0.144 122.8)) est la plus proche de la couleur nommée German Hop. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#8CAA37
oklch(0.693 0.144 122.8)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 97B350
- A2BB66
- ADC47A
- B8CC8E
- C4D5A1
- CFDDB4
- DBE6C7
- E7EED9
- F3F7EC
Ombres
- 79932E
- 677D26
- 55681E
- 435316
- 333F0F
- 232D08
- 141B03
- 070B01
- 010100
Tons
- 8BA643
- 89A24D
- 889E56
- 879A5D
- 869664
- 85916A
- 838D70
- 828976
- 81847B
Harmonies de couleurs
Complémentaire +180°
- 8CAA37
German Hop
- AE84E5
≈ Lavender Blossom
Analogue -30° +30°
- 8CAA37
German Hop
- BB9900
≈ Hidden Tribe
- 46B570
≈ Ceramic Green
Triadique +120° +240°
- 8CAA37
German Hop
- 38A5EE
≈ Rockman Blue
- E47294
≈ Loveland
Complémentaire divisée +150° +210°
- 8CAA37
German Hop
- 7F94F5
≈ Periwinkle Blue
- D078C2
≈ Purple Kush
Tétradique +90° +180° +270°
- 8CAA37
German Hop
- 00AFC9
≈ Havasupai Falls
- AE84E5
≈ Lavender Blossom
- E77760
≈ Annular
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.65:1 · APCA Lc 51
Ag
AAASur noir
WCAG 7.92:1 · APCA Lc 50
Meilleure couleur de texte: #000000
WCAG 7.92:1 (AAA) · APCA Lc 50
Contrast pairs
Extraits de code
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);
}