Benannte Farbe · #495D39
Stinging Nettle
Stinging Nettle ist #495D39: rgb(73 93 57), hsl(93 24% 29%), oklch(0.452 0.061 132.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Stinging Nettle color name →
#495D39
oklch(0.452 0.061 132.1)
Farbumrechnungen
- HEX
- #495d39
- RGB
- rgb(73 93 57)
- HSL
- hsl(93 24% 29%)
- HWB
- hwb(93 22% 64%)
- OKLCH
- oklch(0.452 0.061 132.1)
- OKLab
- oklab(0.452 -0.041 0.045)
- CIE Lab
- lab(37.07 -13.39 18.11)
- LCH
- lch(37.07 22.53 126.5)
- CMYK
- cmyk(22% 0% 39% 64%)
Tints · Shades · Tones
Tints
- 596C4B
- 6A7B5E
- 7C8B70
- 8D9B84
- 9FAB97
- B2BBAB
- C5CCC0
- D8DDD4
- EBEEEA
Shades
- 3E5030
- 344328
- 2A371F
- 202A17
- 171F10
- 0E1409
- 060A04
- 020301
- 000000
Tones
- 4E6140
- 546447
- 59684E
- 5F6B55
- 646F5C
- 6A7264
- 6F766B
- 757972
- 7A7D79
Farbharmonien
Komplementär +180°
- 495D39
Stinging Nettle
- 614C6E
≈ Loganberry
Analog -30° +30°
- 495D39
Stinging Nettle
- 5C572D
≈ Tucumán Green
- 34604B
≈ Moss Vale
Triadisch +120° +240°
- 495D39
Stinging Nettle
- 3C5877
≈ Star Spangled
- 74474D
≈ Stoic
Geteilt komplementär +150° +210°
- 495D39
Stinging Nettle
- 505277
≈ Deep Orchid
- 6D485F
≈ Annis
Tetradisch +90° +180° +270°
- 495D39
Stinging Nettle
- 2A5D6E
≈ Night Shift
- 614C6E
≈ Loganberry
- 734A3A
≈ Cappuccino
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.22:1 · APCA Lc 85
Ag
FailAuf Schwarz
WCAG 2.90:1 · APCA Lc 17
Beste Textfarbe: #FFFFFF
WCAG 7.22:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--stinging-nettle: #495d39;
--stinging-nettle-rgb: 73 93 57;
--stinging-nettle-oklch: oklch(0.452 0.061 132.1);
}
.element {
color: var(--stinging-nettle);
background-color: hsl(93 24% 29%);
border-color: oklch(0.452 0.061 132.1);
}Tailwind CSS v4
@theme {
--color-stinging-nettle: #495d39;
--color-stinging-nettle-50: #eef9e8;
--color-stinging-nettle-100: #e0edd8;
--color-stinging-nettle-200: #cadac0;
--color-stinging-nettle-300: #abbf9f;
--color-stinging-nettle-400: #91a681;
--color-stinging-nettle-500: #778f65;
--color-stinging-nettle-600: #657956;
--color-stinging-nettle-700: #516144;
--color-stinging-nettle-800: #3b4730;
--color-stinging-nettle-900: #293121;
--color-stinging-nettle-950: #171d10;
}SCSS
$stinging-nettle: #495d39;
$stinging-nettle-rgb: 73, 93, 57;
$stinging-nettle-light: mix(#fff, $stinging-nettle, 20%);
$stinging-nettle-dark: mix(#000, $stinging-nettle, 20%);
.element {
color: $stinging-nettle;
box-shadow: 0 0 0 2px rgba($stinging-nettle, 0.35);
}