Colore con nome · #6B9C42
Parisian Green
Parisian Green è #6B9C42: rgb(107 156 66), hsl(93 41% 44%), oklch(0.638 0.132 132.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Parisian Green color name →
#6B9C42
oklch(0.638 0.132 132.8)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 79A657
- 88B06A
- 96BA7D
- A5C48F
- B3CDA2
- C2D7B4
- D1E1C7
- E0EBD9
- F0F5EC
Ombre
- 5C8738
- 4E732F
- 3F5F25
- 324C1C
- 253914
- 18280B
- 0D1805
- 040901
- 000100
Toni
- 6D994A
- 709752
- 729459
- 74915F
- 768F65
- 788C6B
- 7A8971
- 7C8676
- 7E837B
Armonie di colore
Complementare +180°
- 6B9C42
Parisian Green
- A772C4
≈ Soft Purple
Analogo -30° +30°
- 6B9C42
Parisian Green
- 9B8E08
≈ Smoothie Green
- 1AA474
≈ Bluish Green
Triadico +120° +240°
- 6B9C42
Parisian Green
- 4B8ED9
≈ Blue Dart
- CE6675
≈ Tuna Sashimi
Complementare divisa +150° +210°
- 6B9C42
Parisian Green
- 817FD9
≈ Tanzine
- C168A1
≈ Young Purple
Tetradico +90° +180° +270°
- 6B9C42
Parisian Green
- 009ABF
≈ Sea Wonder
- A772C4
≈ Soft Purple
- CD6D45
≈ Red Damask
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.25:1 · APCA Lc 60
Ag
AASu nero
WCAG 6.45:1 · APCA Lc 42
Miglior colore del testo: #000000
WCAG 6.45:1 (AA) · APCA Lc 42
Contrast pairs
Frammenti di codice
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);
}