Benannte Farbe · #02590F
Deep Green
Deep Green ist #02590F: rgb(2 89 15), hsl(129 96% 18%), oklch(0.403 0.129 144.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Deep Green color name →
#02590F
oklch(0.403 0.129 144.1)
Farbumrechnungen
- HEX
- #02590f
- RGB
- rgb(2 89 15)
- HSL
- hsl(129 96% 18%)
- HWB
- hwb(129 1% 65%)
- OKLCH
- oklch(0.403 0.129 144.1)
- OKLab
- oklab(0.403 -0.105 0.076)
- CIE Lab
- lab(32.27 -35.8 32.93)
- LCH
- lch(32.27 48.64 137.4)
- CMYK
- cmyk(98% 0% 83% 65%)
Tints · Shades · Tones
Tints
- 28692A
- 417942
- 598958
- 70996F
- 87AA86
- 9EBB9D
- B6CBB5
- CEDCCD
- E6EEE6
Shades
- 014C0B
- 014008
- 013405
- 002803
- 001D02
- 001301
- 000900
- 000300
- 000000
Tones
- 1B5D1F
- 2A612B
- 366637
- 426A42
- 4D6E4C
- 577157
- 627561
- 6C796B
- 767C76
Farbharmonien
Komplementär +180°
- 02590F
Deep Green
- 692A6F
≈ Seance
Analog -30° +30°
- 02590F
Deep Green
- 484D00
≈ No Emissions Green
- 005645
≈ Sacramento State Green
Triadisch +120° +240°
- 02590F
Deep Green
- 23438D
≈ Blue Oblivion
- 802123
≈ Heirloom Red
Geteilt komplementär +150° +210°
- 02590F
Deep Green
- 4E3586
≈ Prism Violet
- 7A214D
≈ Pico Eggplant
Tetradisch +90° +180° +270°
- 02590F
Deep Green
- 004F6F
≈ Gemstone Blue
- 692A6F
≈ Seance
- 713600
≈ Philippine Bronze
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.61:1 · APCA Lc 89
Ag
FailAuf Schwarz
WCAG 2.43:1 · APCA Lc 13
Beste Textfarbe: #FFFFFF
WCAG 8.61:1 (AAA) · APCA Lc 89
Contrast pairs
Code-Snippets
CSS
:root {
--deep-green: #02590f;
--deep-green-rgb: 2 89 15;
--deep-green-oklch: oklch(0.403 0.129 144.1);
}
.element {
color: var(--deep-green);
background-color: hsl(129 96% 18%);
border-color: oklch(0.403 0.129 144.1);
}Tailwind CSS v4
@theme {
--color-deep-green: #02590f;
--color-deep-green-50: #deffe0;
--color-deep-green-100: #cdf4cf;
--color-deep-green-200: #b1e4b4;
--color-deep-green-300: #8cc990;
--color-deep-green-400: #6cb26c;
--color-deep-green-500: #499c4b;
--color-deep-green-600: #3f8440;
--color-deep-green-700: #326933;
--color-deep-green-800: #254d22;
--color-deep-green-900: #193616;
--color-deep-green-950: #092107;
}SCSS
$deep-green: #02590f;
$deep-green-rgb: 2, 89, 15;
$deep-green-light: mix(#fff, $deep-green, 20%);
$deep-green-dark: mix(#000, $deep-green, 20%);
.element {
color: $deep-green;
box-shadow: 0 0 0 2px rgba($deep-green, 0.35);
}