Benannte Farbe · #79C753
Green Flash
Green Flash ist #79C753: rgb(121 199 83), hsl(100 51% 55%), oklch(0.754 0.17 136.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Green Flash color name →
#79C753
oklch(0.754 0.17 136.7)
Farbumrechnungen
- HEX
- #79c753
- RGB
- rgb(121 199 83)
- HSL
- hsl(100 51% 55%)
- HWB
- hwb(100 33% 22%)
- OKLCH
- oklch(0.754 0.17 136.7)
- OKLab
- oklab(0.754 -0.124 0.117)
- CIE Lab
- lab(73.36 -40.58 48.94)
- LCH
- lch(73.36 63.57 129.7)
- CMYK
- cmyk(39% 0% 58% 22%)
Tints · Shades · Tones
Tints
- 87CD67
- 95D379
- A2D98B
- B0DE9C
- BDE4AD
- CAEABD
- D7EFCE
- E5F5DE
- F2FAEF
Shades
- 68AD47
- 58933B
- 487A30
- 396225
- 2B4C1B
- 1D3611
- 102108
- 050E02
- 010200
Tones
- 7BC05A
- 7CB961
- 7DB266
- 7EAB6B
- 7FA46F
- 7F9D73
- 809677
- 808E7A
- 80877D
Farbharmonien
Komplementär +180°
- 79C753
Green Flash
- D98AF6
≈ Bright Lilac
Analog -30° +30°
- 79C753
Green Flash
- BCB500
≈ Olive Yellow
- 00CE9A
≈ Caribbean Green
Triadisch +120° +240°
- 79C753
Green Flash
- 79B1FF
≈ French Sky Blue
- FF858E
≈ Tulip
Geteilt komplementär +150° +210°
- 79C753
Green Flash
- A9A1FF
≈ Shy Moment
- FA7EC5
≈ Pink Plastic Fantastic
Tetradisch +90° +180° +270°
- 79C753
Green Flash
- 00C0F6
≈ Spiro Disco Ball
- D98AF6
≈ Bright Lilac
- FF8C4F
≈ Boredom Buster
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.07:1 · APCA Lc 40
Ag
AAAAuf Schwarz
WCAG 10.10:1 · APCA Lc 62
Beste Textfarbe: #000000
WCAG 10.10:1 (AAA) · APCA Lc 62
Contrast pairs
Code-Snippets
CSS
:root {
--green-flash: #79c753;
--green-flash-rgb: 121 199 83;
--green-flash-oklch: oklch(0.754 0.17 136.7);
}
.element {
color: var(--green-flash);
background-color: hsl(100 51% 55%);
border-color: oklch(0.754 0.17 136.7);
}Tailwind CSS v4
@theme {
--color-green-flash: #79c753;
--color-green-flash-50: #ddffd3;
--color-green-flash-100: #ccf6bf;
--color-green-flash-200: #afe69f;
--color-green-flash-300: #8acc75;
--color-green-flash-400: #6cb448;
--color-green-flash-500: #489e00;
--color-green-flash-600: #3e850b;
--color-green-flash-700: #316b0a;
--color-green-flash-800: #264e00;
--color-green-flash-900: #193602;
--color-green-flash-950: #0a2100;
}SCSS
$green-flash: #79c753;
$green-flash-rgb: 121, 199, 83;
$green-flash-light: mix(#fff, $green-flash, 20%);
$green-flash-dark: mix(#000, $green-flash, 20%);
.element {
color: $green-flash;
box-shadow: 0 0 0 2px rgba($green-flash, 0.35);
}