Benannte Farbe · #648251
Kale
Kale ist #648251: rgb(100 130 81), hsl(97 23% 41%), oklch(0.57 0.08 134). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Kale color name →
#648251
oklch(0.57 0.08 134)
Farbumrechnungen
- HEX
- #648251
- RGB
- rgb(100 130 81)
- HSL
- hsl(97 23% 41%)
- HWB
- hwb(97 32% 49%)
- OKLCH
- oklch(0.57 0.08 134)
- OKLab
- oklab(0.57 -0.055 0.057)
- CIE Lab
- lab(51.08 -18.26 22.94)
- LCH
- lch(51.08 29.32 128.5)
- CMYK
- cmyk(23% 0% 38% 49%)
Tints · Shades · Tones
Tints
- 728E62
- 819A72
- 90A683
- 9FB394
- AFBFA5
- BECCB7
- CED8C9
- DEE5DA
- EFF2ED
Shades
- 567045
- 485F3A
- 3B4E2F
- 2E3E24
- 222F1A
- 162010
- 0B1207
- 030602
- 000100
Tones
- 678256
- 6A825B
- 6D8260
- 6F8265
- 728169
- 75816E
- 788173
- 7B8177
- 7D807C
Farbharmonien
Komplementär +180°
- 648251
Kale
- 896999
≈ Viola Grey
Analog -30° +30°
- 648251
Kale
- 7F7A3F
≈ Tribal
- 46866B
≈ Herb Blend
Triadisch +120° +240°
Geteilt komplementär +150° +210°
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.32:1 · APCA Lc 70
Ag
AAAuf Schwarz
WCAG 4.85:1 · APCA Lc 32
Beste Textfarbe: #000000
WCAG 4.85:1 (AA) · APCA Lc 32
Contrast pairs
Code-Snippets
CSS
:root {
--kale: #648251;
--kale-rgb: 100 130 81;
--kale-oklch: oklch(0.57 0.08 134);
}
.element {
color: var(--kale);
background-color: hsl(97 23% 41%);
border-color: oklch(0.57 0.08 134);
}Tailwind CSS v4
@theme {
--color-kale: #648251;
--color-kale-50: #ebfbe4;
--color-kale-100: #dceed4;
--color-kale-200: #c5ddbb;
--color-kale-300: #a5c199;
--color-kale-400: #8ba979;
--color-kale-500: #70925b;
--color-kale-600: #5f7b4d;
--color-kale-700: #4c633e;
--color-kale-800: #38482b;
--color-kale-900: #26321d;
--color-kale-950: #151e0d;
}SCSS
$kale: #648251;
$kale-rgb: 100, 130, 81;
$kale-light: mix(#fff, $kale, 20%);
$kale-dark: mix(#000, $kale, 20%);
.element {
color: $kale;
box-shadow: 0 0 0 2px rgba($kale, 0.35);
}