Benannte Farbe · #63A950
Shiso Green
Shiso Green ist #63A950: rgb(99 169 80), hsl(107 36% 49%), oklch(0.668 0.142 139.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Shiso Green color name →
#63A950
oklch(0.668 0.142 139.3)
Farbumrechnungen
- HEX
- #63a950
- RGB
- rgb(99 169 80)
- HSL
- hsl(107 36% 49%)
- HWB
- hwb(107 31% 34%)
- OKLCH
- oklch(0.668 0.142 139.3)
- OKLab
- oklab(0.668 -0.108 0.093)
- CIE Lab
- lab(63.1 -36.03 38.22)
- LCH
- lch(63.1 52.52 133.3)
- CMYK
- cmyk(41% 0% 53% 34%)
Tints · Shades · Tones
Tints
- 73B262
- 83BA74
- 92C386
- A2CC97
- B1D4A8
- C1DDB9
- D0E6CB
- E0EEDC
- EFF7ED
Shades
- 559244
- 477C39
- 3A672E
- 2E5324
- 213F1A
- 162C10
- 0B1B07
- 030A02
- 000100
Tones
- 67A556
- 6BA15C
- 6E9D62
- 719967
- 74956C
- 779170
- 798D74
- 7C8978
- 7E847C
Farbharmonien
Komplementär +180°
- 63A950
Shiso Green
- BA76CB
≈ Lavendless
Analog -30° +30°
- 63A950
Shiso Green
- 9C9B0D
≈ Papyrus
- 00AE87
≈ Herbal
Triadisch +120° +240°
- 63A950
Shiso Green
- 5D94EB
≈ Guilliman Blue
- DE6C71
≈ Redstone
Geteilt komplementär +150° +210°
- 63A950
Shiso Green
- 9384E5
≈ Perrywinkle
- D36DA2
≈ Super Pink
Tetradisch +90° +180° +270°
- 63A950
Shiso Green
- 00A2D5
≈ Blue Damselfly
- BA76CB
≈ Lavendless
- D9773C
≈ Jaffa Orange
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.86:1 · APCA Lc 55
Ag
AAAAuf Schwarz
WCAG 7.32:1 · APCA Lc 47
Beste Textfarbe: #000000
WCAG 7.32:1 (AAA) · APCA Lc 47
Contrast pairs
Code-Snippets
CSS
:root {
--shiso-green: #63a950;
--shiso-green-rgb: 99 169 80;
--shiso-green-oklch: oklch(0.668 0.142 139.3);
}
.element {
color: var(--shiso-green);
background-color: hsl(107 36% 49%);
border-color: oklch(0.668 0.142 139.3);
}Tailwind CSS v4
@theme {
--color-shiso-green: #63a950;
--color-shiso-green-50: #dfffda;
--color-shiso-green-100: #cef5c8;
--color-shiso-green-200: #b3e4ab;
--color-shiso-green-300: #8eca85;
--color-shiso-green-400: #70b25e;
--color-shiso-green-500: #4e9c37;
--color-shiso-green-600: #438430;
--color-shiso-green-700: #356926;
--color-shiso-green-800: #284d17;
--color-shiso-green-900: #1b360f;
--color-shiso-green-950: #0b2103;
}SCSS
$shiso-green: #63a950;
$shiso-green-rgb: 99, 169, 80;
$shiso-green-light: mix(#fff, $shiso-green, 20%);
$shiso-green-dark: mix(#000, $shiso-green, 20%);
.element {
color: $shiso-green;
box-shadow: 0 0 0 2px rgba($shiso-green, 0.35);
}