Benannte Farbe · #7AC34F
Conceptual
Conceptual ist #7AC34F: rgb(122 195 79), hsl(98 49% 54%), oklch(0.744 0.167 135.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Conceptual color name →
#7AC34F
oklch(0.744 0.167 135.6)
Farbumrechnungen
- HEX
- #7ac34f
- RGB
- rgb(122 195 79)
- HSL
- hsl(98 49% 54%)
- HWB
- hwb(98 31% 24%)
- OKLCH
- oklch(0.744 0.167 135.6)
- OKLab
- oklab(0.744 -0.119 0.117)
- CIE Lab
- lab(72.18 -38.95 49.39)
- LCH
- lch(72.18 62.9 128.3)
- CMYK
- cmyk(37% 0% 59% 24%)
Tints · Shades · Tones
Tints
- 88C964
- 95D076
- A3D688
- B0DC9A
- BDE2AB
- CAE8BC
- D7EECD
- E5F4DD
- F2F9EE
Shades
- 69A944
- 599038
- 49782E
- 3A6023
- 2B4A19
- 1D3410
- 102007
- 050E02
- 010200
Tones
- 7BBC57
- 7DB65E
- 7EAF64
- 7EA969
- 7FA26E
- 809B72
- 809476
- 808E7A
- 80877D
Farbharmonien
Komplementär +180°
- 7AC34F
Conceptual
- D488F3
≈ Azuremyst Isle
Analog -30° +30°
- 7AC34F
Conceptual
- BBB100
≈ Citronelle
- 00CA94
≈ Caribbean Green
Triadisch +120° +240°
- 7AC34F
Conceptual
- 71AFFF
≈ Fennel Flower
- FF7E8B
≈ Camaron Pink
Geteilt komplementär +150° +210°
- 7AC34F
Conceptual
- A59EFF
≈ Cobalite
- F47CC3
≈ Persian Pink
Tetradisch +90° +180° +270°
- 7AC34F
Conceptual
- 00BDF0
≈ Blue Bikini
- D488F3
≈ Azuremyst Isle
- FF8649
≈ Tangerine Dream
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.15:1 · APCA Lc 42
Ag
AAAAuf Schwarz
WCAG 9.74:1 · APCA Lc 60
Beste Textfarbe: #000000
WCAG 9.74:1 (AAA) · APCA Lc 60
Contrast pairs
Code-Snippets
CSS
:root {
--conceptual: #7ac34f;
--conceptual-rgb: 122 195 79;
--conceptual-oklch: oklch(0.744 0.167 135.6);
}
.element {
color: var(--conceptual);
background-color: hsl(98 49% 54%);
border-color: oklch(0.744 0.167 135.6);
}Tailwind CSS v4
@theme {
--color-conceptual: #7ac34f;
--color-conceptual-50: #dfffd2;
--color-conceptual-100: #cdf6bf;
--color-conceptual-200: #b2e69f;
--color-conceptual-300: #8ccb75;
--color-conceptual-400: #6fb447;
--color-conceptual-500: #4e9d00;
--color-conceptual-600: #428508;
--color-conceptual-700: #356a09;
--color-conceptual-800: #294e00;
--color-conceptual-900: #1b3601;
--color-conceptual-950: #0b2100;
}SCSS
$conceptual: #7ac34f;
$conceptual-rgb: 122, 195, 79;
$conceptual-light: mix(#fff, $conceptual, 20%);
$conceptual-dark: mix(#000, $conceptual, 20%);
.element {
color: $conceptual;
box-shadow: 0 0 0 2px rgba($conceptual, 0.35);
}