Nazwany kolor · #89AC27
German Hop
German Hop to #89AC27: rgb(137 172 39), hsl(76 63% 41%), oklch(0.694 0.158 123.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · German Hop color name →
#89AC27
oklch(0.694 0.158 123.8)
Konwersje koloru
- HEX
- #89ac27
- RGB
- rgb(137 172 39)
- HSL
- hsl(76 63% 41%)
- HWB
- hwb(76 15% 33%)
- OKLCH
- oklch(0.694 0.158 123.8)
- OKLab
- oklab(0.694 -0.088 0.131)
- CIE Lab
- lab(65.95 -25.79 58.75)
- LCH
- lch(65.95 64.16 113.7)
- CMYK
- cmyk(20% 0% 77% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 94B546
- 9FBD5E
- ABC574
- B6CE89
- C2D69D
- CEDEB1
- DAE7C4
- E6EFD8
- F3F7EB
Odcienie ciemniejsze
- 769520
- 647F1A
- 536914
- 42540E
- 314008
- 222D04
- 141B02
- 070B01
- 010100
Tony
- 88A838
- 87A445
- 869F4F
- 859B58
- 849760
- 839268
- 838E6E
- 828975
- 81857A
Harmonie kolorów
Komplementarna +180°
- 89AC27
German Hop
- B281EC
≈ Lavender Blossom
Analogowa -30° +30°
- 89AC27
German Hop
- BA9A00
≈ Hidden Tribe
- 32B86D
≈ Turtle Warrior
Triada +120° +240°
- 89AC27
German Hop
- 28A5F6
≈ Rockman Blue
- EA6D92
≈ Cupid’s Arrow
Komplementarna rozszczepiona +150° +210°
- 89AC27
German Hop
- 7F92FD
≈ Lavender Blue Shadow
- D673C5
≈ Purple Kush
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.62:1 · APCA Lc 51
Ag
AAANa czerni
WCAG 7.99:1 · APCA Lc 51
Najlepszy kolor tekstu: #000000
WCAG 7.99:1 (AAA) · APCA Lc 51
Contrast pairs
Fragmenty kodu
CSS
:root {
--german-hop: #89ac27;
--german-hop-rgb: 137 172 39;
--german-hop-oklch: oklch(0.694 0.158 123.8);
}
.element {
color: var(--german-hop);
background-color: hsl(76 63% 41%);
border-color: oklch(0.694 0.158 123.8);
}Tailwind CSS v4
@theme {
--color-german-hop: #89ac27;
--color-german-hop-50: #eafecd;
--color-german-hop-100: #dbf2b9;
--color-german-hop-200: #c4e196;
--color-german-hop-300: #a4c669;
--color-german-hop-400: #8cad35;
--color-german-hop-500: #719600;
--color-german-hop-600: #607f00;
--color-german-hop-700: #4d6500;
--color-german-hop-800: #3a4a00;
--color-german-hop-900: #283300;
--color-german-hop-950: #161f00;
}SCSS
$german-hop: #89ac27;
$german-hop-rgb: 137, 172, 39;
$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);
}