Benannte Farbe · #79C63D
Jasmine Green
Jasmine Green ist #79C63D: rgb(121 198 61), hsl(94 55% 51%), oklch(0.75 0.185 134.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Jasmine Green color name →
#79C63D
oklch(0.75 0.185 134.3)
Farbumrechnungen
- HEX
- #79c63d
- RGB
- rgb(121 198 61)
- HSL
- hsl(94 55% 51%)
- HWB
- hwb(94 24% 22%)
- OKLCH
- oklch(0.75 0.185 134.3)
- OKLab
- oklab(0.75 -0.129 0.133)
- CIE Lab
- lab(72.91 -41.6 57.44)
- LCH
- lch(72.91 70.92 125.9)
- CMYK
- cmyk(39% 0% 69% 22%)
Tints · Shades · Tones
Tints
- 87CC57
- 94D26C
- A2D880
- AFDE93
- BDE4A6
- CAE9B8
- D7EFCA
- E4F4DC
- F2FAED
Shades
- 68AC34
- 58922B
- 487A22
- 39621A
- 2B4B12
- 1D350A
- 102104
- 050E01
- 010200
Tones
- 7BBF49
- 7CB853
- 7DB15B
- 7EAA62
- 7FA368
- 7F9D6E
- 809573
- 808E78
- 80877C
Farbharmonien
Komplementär +180°
- 79C63D
Jasmine Green
- D885FE
≈ Lavender Tea
Analog -30° +30°
- 79C63D
Jasmine Green
- BFB200
≈ Olive Yellow
- 00CC93
≈ Caribbean Green
Triadisch +120° +240°
- 79C63D
Jasmine Green
- 71B1FF
≈ French Sky Blue
- FF8190
≈ Camaron Pink
Geteilt komplementär +150° +210°
- 79C63D
Jasmine Green
- A4A1FF
≈ Shy Moment
- FC77CA
≈ Nervous Neon Pink
Tetradisch +90° +180° +270°
- 79C63D
Jasmine Green
- 00C0F0
≈ Blue Raspberry
- D885FE
≈ Lavender Tea
- FF8852
≈ Tiger of Mysore
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.10:1 · APCA Lc 41
Ag
AAAAuf Schwarz
WCAG 9.95:1 · APCA Lc 61
Beste Textfarbe: #000000
WCAG 9.95:1 (AAA) · APCA Lc 61
Contrast pairs
Code-Snippets
CSS
:root {
--jasmine-green: #79c63d;
--jasmine-green-rgb: 121 198 61;
--jasmine-green-oklch: oklch(0.75 0.185 134.3);
}
.element {
color: var(--jasmine-green);
background-color: hsl(94 55% 51%);
border-color: oklch(0.75 0.185 134.3);
}Tailwind CSS v4
@theme {
--color-jasmine-green: #79c63d;
--color-jasmine-green-50: #ddffce;
--color-jasmine-green-100: #ccf7b9;
--color-jasmine-green-200: #b0e797;
--color-jasmine-green-300: #8acd6a;
--color-jasmine-green-400: #6db534;
--color-jasmine-green-500: #4a9e00;
--color-jasmine-green-600: #408600;
--color-jasmine-green-700: #336b00;
--color-jasmine-green-800: #274e00;
--color-jasmine-green-900: #1a3700;
--color-jasmine-green-950: #0b2100;
}SCSS
$jasmine-green: #79c63d;
$jasmine-green-rgb: 121, 198, 61;
$jasmine-green-light: mix(#fff, $jasmine-green, 20%);
$jasmine-green-dark: mix(#000, $jasmine-green, 20%);
.element {
color: $jasmine-green;
box-shadow: 0 0 0 2px rgba($jasmine-green, 0.35);
}