Benannte Farbe · #5A9F4D
Parsley Green
Parsley Green ist #5A9F4D: rgb(90 159 77), hsl(110 35% 46%), oklch(0.637 0.136 140.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Parsley Green color name →
#5A9F4D
oklch(0.637 0.136 140.5)
Farbumrechnungen
- HEX
- #5a9f4d
- RGB
- rgb(90 159 77)
- HSL
- hsl(110 35% 46%)
- HWB
- hwb(110 30% 38%)
- OKLCH
- oklch(0.637 0.136 140.5)
- OKLab
- oklab(0.637 -0.105 0.086)
- CIE Lab
- lab(59.51 -35.16 35.31)
- LCH
- lch(59.51 49.83 134.9)
- CMYK
- cmyk(43% 0% 52% 38%)
Tints · Shades · Tones
Tints
- 6BA95F
- 7CB271
- 8CBC83
- 9CC694
- ADCFA6
- BDD9B7
- CDE2C9
- DEECDB
- EEF5ED
Shades
- 4D8A42
- 417537
- 35612C
- 294D22
- 1E3B18
- 13290F
- 091807
- 030902
- 000100
Tones
- 5F9C53
- 649959
- 68965F
- 6C9364
- 709069
- 738D6E
- 778A73
- 7A8777
- 7D837C
Farbharmonien
Komplementär +180°
- 5A9F4D
Parsley Green
- B06EBD
≈ Lavendless
Analog -30° +30°
- 5A9F4D
Parsley Green
- 909211
≈ Old Asparagus
- 00A380
≈ Sport Green
Triadisch +120° +240°
- 5A9F4D
Parsley Green
- 5A8ADD
≈ Blue Jay
- D16668
≈ Lippie
Geteilt komplementär +150° +210°
- 5A9F4D
Parsley Green
- 8C7BD7
≈ Indigo Bloom
- C76696
≈ Nocturnal Rose
Tetradisch +90° +180° +270°
- 5A9F4D
Parsley Green
- 0098CA
≈ UV Light
- B06EBD
≈ Lavendless
- CB7035
≈ Ochre Pigment
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.23:1 · APCA Lc 59
Ag
AAAuf Schwarz
WCAG 6.50:1 · APCA Lc 42
Beste Textfarbe: #000000
WCAG 6.50:1 (AA) · APCA Lc 42
Contrast pairs
Code-Snippets
CSS
:root {
--parsley-green: #5a9f4d;
--parsley-green-rgb: 90 159 77;
--parsley-green-oklch: oklch(0.637 0.136 140.5);
}
.element {
color: var(--parsley-green);
background-color: hsl(110 35% 46%);
border-color: oklch(0.637 0.136 140.5);
}Tailwind CSS v4
@theme {
--color-parsley-green: #5a9f4d;
--color-parsley-green-50: #e0ffdc;
--color-parsley-green-100: #cff4cb;
--color-parsley-green-200: #b3e4ae;
--color-parsley-green-300: #8ec989;
--color-parsley-green-400: #70b264;
--color-parsley-green-500: #4e9b3f;
--color-parsley-green-600: #438337;
--color-parsley-green-700: #35692b;
--color-parsley-green-800: #284d1c;
--color-parsley-green-900: #1b3612;
--color-parsley-green-950: #0b2104;
}SCSS
$parsley-green: #5a9f4d;
$parsley-green-rgb: 90, 159, 77;
$parsley-green-light: mix(#fff, $parsley-green, 20%);
$parsley-green-dark: mix(#000, $parsley-green, 20%);
.element {
color: $parsley-green;
box-shadow: 0 0 0 2px rgba($parsley-green, 0.35);
}