Benannte Farbe · #183425
Pumpkin Green Black
Pumpkin Green Black ist #183425: rgb(24 52 37), hsl(148 37% 15%), oklch(0.298 0.044 158.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Pumpkin Green Black color name →
#183425
oklch(0.298 0.044 158.7)
Farbumrechnungen
- HEX
- #183425
- RGB
- rgb(24 52 37)
- HSL
- hsl(148 37% 15%)
- HWB
- hwb(148 9% 80%)
- OKLCH
- oklch(0.298 0.044 158.7)
- OKLab
- oklab(0.298 -0.041 0.016)
- CIE Lab
- lab(19.13 -14.37 6.09)
- LCH
- lch(19.13 15.61 157)
- CMYK
- cmyk(54% 0% 29% 80%)
Tints · Shades · Tones
Tints
- 2D4637
- 42584B
- 576B5F
- 6D7F74
- 84938A
- 9CA8A0
- B4BDB7
- CCD3CF
- E5E9E7
Shades
- 132C1F
- 0F2419
- 0A1C13
- 07150D
- 040E08
- 020704
- 010302
- 000100
- 000000
Tones
- 223B2D
- 2D4236
- 374A3F
- 415147
- 4B5950
- 55615A
- 606863
- 6A706D
- 757876
Farbharmonien
Komplementär +180°
- 183425
Pumpkin Green Black
- 3C2435
≈ Sitter Red
Analog -30° +30°
- 183425
Pumpkin Green Black
- 263219
≈ Darkest Forest
- 0C3432
≈ Storm Green
Triadisch +120° +240°
- 183425
Pumpkin Green Black
- 282B43
≈ Valhalla
- 40251D
≈ Woodsy Brown
Geteilt komplementär +150° +210°
- 183425
Pumpkin Green Black
- 34273E
≈ Spinel Violet
- 402429
≈ Nisemurasaki Purple
Tetradisch +90° +180° +270°
- 183425
Pumpkin Green Black
- 1B2F42
≈ NATO Blue
- 3C2435
≈ Sitter Red
- 3C2913
≈ Brown Tumbleweed
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 13.48:1 · APCA Lc 100
Ag
FailAuf Schwarz
WCAG 1.55:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 13.48:1 (AAA) · APCA Lc 100
Contrast pairs
Code-Snippets
CSS
:root {
--pumpkin-green-black: #183425;
--pumpkin-green-black-rgb: 24 52 37;
--pumpkin-green-black-oklch: oklch(0.298 0.044 158.7);
}
.element {
color: var(--pumpkin-green-black);
background-color: hsl(148 37% 15%);
border-color: oklch(0.298 0.044 158.7);
}Tailwind CSS v4
@theme {
--color-pumpkin-green-black: #183425;
--color-pumpkin-green-black-50: #ebf9f1;
--color-pumpkin-green-black-100: #dcede3;
--color-pumpkin-green-black-200: #c5dace;
--color-pumpkin-green-black-300: #a5bfb0;
--color-pumpkin-green-black-400: #89a795;
--color-pumpkin-green-black-500: #6e8f7b;
--color-pumpkin-green-black-600: #5d7969;
--color-pumpkin-green-black-700: #4a6154;
--color-pumpkin-green-black-800: #36473c;
--color-pumpkin-green-black-900: #253129;
--color-pumpkin-green-black-950: #131d17;
}SCSS
$pumpkin-green-black: #183425;
$pumpkin-green-black-rgb: 24, 52, 37;
$pumpkin-green-black-light: mix(#fff, $pumpkin-green-black, 20%);
$pumpkin-green-black-dark: mix(#000, $pumpkin-green-black, 20%);
.element {
color: $pumpkin-green-black;
box-shadow: 0 0 0 2px rgba($pumpkin-green-black, 0.35);
}