Benannte Farbe · #6B9C42
Parisian Green
Parisian Green ist #6B9C42: rgb(107 156 66), hsl(93 41% 44%), oklch(0.638 0.132 132.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Parisian Green color name →
#6B9C42
oklch(0.638 0.132 132.8)
Farbumrechnungen
- HEX
- #6b9c42
- RGB
- rgb(107 156 66)
- HSL
- hsl(93 41% 44%)
- HWB
- hwb(93 26% 39%)
- OKLCH
- oklch(0.638 0.132 132.8)
- OKLab
- oklab(0.638 -0.09 0.097)
- CIE Lab
- lab(59.37 -28.95 40.75)
- LCH
- lch(59.37 49.98 125.4)
- CMYK
- cmyk(31% 0% 58% 39%)
Tints · Shades · Tones
Tints
- 79A657
- 88B06A
- 96BA7D
- A5C48F
- B3CDA2
- C2D7B4
- D1E1C7
- E0EBD9
- F0F5EC
Shades
- 5C8738
- 4E732F
- 3F5F25
- 324C1C
- 253914
- 18280B
- 0D1805
- 040901
- 000100
Tones
- 6D994A
- 709752
- 729459
- 74915F
- 768F65
- 788C6B
- 7A8971
- 7C8676
- 7E837B
Farbharmonien
Komplementär +180°
- 6B9C42
Parisian Green
- A772C4
≈ Soft Purple
Analog -30° +30°
- 6B9C42
Parisian Green
- 9B8E08
≈ Smoothie Green
- 1AA474
≈ Bluish Green
Triadisch +120° +240°
- 6B9C42
Parisian Green
- 4B8ED9
≈ Blue Dart
- CE6675
≈ Tuna Sashimi
Geteilt komplementär +150° +210°
- 6B9C42
Parisian Green
- 817FD9
≈ Tanzine
- C168A1
≈ Young Purple
Tetradisch +90° +180° +270°
- 6B9C42
Parisian Green
- 009ABF
≈ Sea Wonder
- A772C4
≈ Soft Purple
- CD6D45
≈ Red Damask
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.25:1 · APCA Lc 60
Ag
AAAuf Schwarz
WCAG 6.45:1 · APCA Lc 42
Beste Textfarbe: #000000
WCAG 6.45:1 (AA) · APCA Lc 42
Contrast pairs
Code-Snippets
CSS
:root {
--parisian-green: #6b9c42;
--parisian-green-rgb: 107 156 66;
--parisian-green-oklch: oklch(0.638 0.132 132.8);
}
.element {
color: var(--parisian-green);
background-color: hsl(93 41% 44%);
border-color: oklch(0.638 0.132 132.8);
}Tailwind CSS v4
@theme {
--color-parisian-green: #6b9c42;
--color-parisian-green-50: #e5fed8;
--color-parisian-green-100: #d5f2c6;
--color-parisian-green-200: #bce1a8;
--color-parisian-green-300: #9ac781;
--color-parisian-green-400: #7faf5a;
--color-parisian-green-500: #629831;
--color-parisian-green-600: #53802b;
--color-parisian-green-700: #426722;
--color-parisian-green-800: #324b14;
--color-parisian-green-900: #22340d;
--color-parisian-green-950: #111f02;
}SCSS
$parisian-green: #6b9c42;
$parisian-green-rgb: 107, 156, 66;
$parisian-green-light: mix(#fff, $parisian-green, 20%);
$parisian-green-dark: mix(#000, $parisian-green, 20%);
.element {
color: $parisian-green;
box-shadow: 0 0 0 2px rgba($parisian-green, 0.35);
}