Benannte Farbe · #286848
Pumpkin Green
Pumpkin Green ist #286848: rgb(40 104 72), hsl(150 44% 28%), oklch(0.466 0.084 158.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Pumpkin Green color name →
#286848
oklch(0.466 0.084 158.7)
Farbumrechnungen
- HEX
- #286848
- RGB
- rgb(40 104 72)
- HSL
- hsl(150 44% 28%)
- HWB
- hwb(150 16% 59%)
- OKLCH
- oklch(0.466 0.084 158.7)
- OKLab
- oklab(0.466 -0.079 0.031)
- CIE Lab
- lab(39.22 -27.64 11.73)
- LCH
- lch(39.22 30.02 157)
- CMYK
- cmyk(62% 0% 31% 59%)
Tints · Shades · Tones
Tints
- 3F7659
- 55856A
- 69937B
- 7EA28D
- 93B19F
- A8C0B2
- BDD0C4
- D3DFD8
- E9EFEB
Shades
- 21593D
- 1B4B33
- 153E29
- 0F301F
- 092416
- 04180D
- 020C06
- 010402
- 000000
Tones
- 336B4E
- 3D6D53
- 477059
- 50725E
- 587464
- 607769
- 68796F
- 707C75
- 787E7A
Farbharmonien
Komplementär +180°
- 286848
Pumpkin Green
- 78466A
≈ Magician’s Cloak
Analog -30° +30°
- 286848
Pumpkin Green
- 4B632D
≈ Gemstone Green
- 006863
≈ Butterfly Green
Triadisch +120° +240°
- 286848
Pumpkin Green
- 505488
≈ Baby Whale
- 824835
≈ Hammered Copper
Geteilt komplementär +150° +210°
- 286848
Pumpkin Green
- 674C7E
≈ Benevolence
- 814450
≈ Dark Strawberry
Tetradisch +90° +180° +270°
- 286848
Pumpkin Green
- 315D87
≈ Bay Site
- 78466A
≈ Magician’s Cloak
- 78501E
≈ Trojan Horse Brown
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.63:1 · APCA Lc 83
Ag
FailAuf Schwarz
WCAG 3.16:1 · APCA Lc 19
Beste Textfarbe: #FFFFFF
WCAG 6.63:1 (AA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--pumpkin-green: #286848;
--pumpkin-green-rgb: 40 104 72;
--pumpkin-green-oklch: oklch(0.466 0.084 158.7);
}
.element {
color: var(--pumpkin-green);
background-color: hsl(150 44% 28%);
border-color: oklch(0.466 0.084 158.7);
}Tailwind CSS v4
@theme {
--color-pumpkin-green: #286848;
--color-pumpkin-green-50: #e1fded;
--color-pumpkin-green-100: #d1f1df;
--color-pumpkin-green-200: #b6e0c8;
--color-pumpkin-green-300: #91c5a9;
--color-pumpkin-green-400: #72ae8c;
--color-pumpkin-green-500: #509771;
--color-pumpkin-green-600: #458060;
--color-pumpkin-green-700: #37664d;
--color-pumpkin-green-800: #284b36;
--color-pumpkin-green-900: #1b3425;
--color-pumpkin-green-950: #0b2014;
}SCSS
$pumpkin-green: #286848;
$pumpkin-green-rgb: 40, 104, 72;
$pumpkin-green-light: mix(#fff, $pumpkin-green, 20%);
$pumpkin-green-dark: mix(#000, $pumpkin-green, 20%);
.element {
color: $pumpkin-green;
box-shadow: 0 0 0 2px rgba($pumpkin-green, 0.35);
}