Benannte Farbe · #7BC027
Kiwi Crush
Kiwi Crush ist #7BC027: rgb(123 192 39), hsl(87 66% 45%), oklch(0.734 0.189 131.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Kiwi Crush color name →
#7BC027
oklch(0.734 0.189 131.7)
Farbumrechnungen
- HEX
- #7bc027
- RGB
- rgb(123 192 39)
- HSL
- hsl(87 66% 45%)
- HWB
- hwb(87 15% 25%)
- OKLCH
- oklch(0.734 0.189 131.7)
- OKLab
- oklab(0.734 -0.126 0.141)
- CIE Lab
- lab(71.09 -39.52 62.94)
- LCH
- lch(71.09 74.32 122.1)
- CMYK
- cmyk(36% 0% 80% 25%)
Tints · Shades · Tones
Tints
- 88C748
- 95CD61
- A3D477
- B0DA8C
- BDE1A0
- CAE7B3
- D7EDC6
- E4F3D9
- F2F9EC
Shades
- 6AA720
- 5A8E1A
- 4A7614
- 3A5F0E
- 2C4908
- 1E3404
- 102002
- 050E01
- 010200
Tones
- 7CBA3A
- 7DB447
- 7EAD52
- 7EA75B
- 7FA163
- 7F9A6A
- 809470
- 808D76
- 80877B
Farbharmonien
Komplementär +180°
- 7BC027
Kiwi Crush
- D081FE
≈ Grass Pink Orchid
Analog -30° +30°
- 7BC027
Kiwi Crush
- BDAB00
≈ Muddy Yellow
- 00C789
≈ Píng Gǔo Lǜ Green
Triadisch +120° +240°
- 7BC027
Kiwi Crush
- 61ADFF
≈ Joust Blue
- FF778D
≈ Carnation
Geteilt komplementär +150° +210°
- 7BC027
Kiwi Crush
- 9B9DFF
≈ Cobalite
- F572CA
≈ Nervous Neon Pink
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.23:1 · APCA Lc 44
Ag
AAAAuf Schwarz
WCAG 9.41:1 · APCA Lc 58
Beste Textfarbe: #000000
WCAG 9.41:1 (AAA) · APCA Lc 58
Contrast pairs
Code-Snippets
CSS
:root {
--kiwi-crush: #7bc027;
--kiwi-crush-rgb: 123 192 39;
--kiwi-crush-oklch: oklch(0.734 0.189 131.7);
}
.element {
color: var(--kiwi-crush);
background-color: hsl(87 66% 45%);
border-color: oklch(0.734 0.189 131.7);
}Tailwind CSS v4
@theme {
--color-kiwi-crush: #7bc027;
--color-kiwi-crush-50: #e0ffcb;
--color-kiwi-crush-100: #cff6b6;
--color-kiwi-crush-200: #b3e692;
--color-kiwi-crush-300: #8fcc63;
--color-kiwi-crush-400: #73b425;
--color-kiwi-crush-500: #539d00;
--color-kiwi-crush-600: #478500;
--color-kiwi-crush-700: #386a00;
--color-kiwi-crush-800: #2c4e00;
--color-kiwi-crush-900: #1d3600;
--color-kiwi-crush-950: #0d2100;
}SCSS
$kiwi-crush: #7bc027;
$kiwi-crush-rgb: 123, 192, 39;
$kiwi-crush-light: mix(#fff, $kiwi-crush, 20%);
$kiwi-crush-dark: mix(#000, $kiwi-crush, 20%);
.element {
color: $kiwi-crush;
box-shadow: 0 0 0 2px rgba($kiwi-crush, 0.35);
}