Benannte Farbe · #006C4B
Environmental Green
Environmental Green ist #006C4B: rgb(0 108 75), hsl(162 100% 21%), oklch(0.47 0.101 163.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Environmental Green color name →
#006C4B
oklch(0.47 0.101 163.7)
Farbumrechnungen
- HEX
- #006c4b
- RGB
- rgb(0 108 75)
- HSL
- hsl(162 100% 21%)
- HWB
- hwb(162 0% 58%)
- OKLCH
- oklch(0.47 0.101 163.7)
- OKLab
- oklab(0.47 -0.097 0.028)
- CIE Lab
- lab(39.88 -34.46 10.69)
- LCH
- lch(39.88 36.08 162.8)
- CMYK
- cmyk(100% 0% 31% 58%)
Tints · Shades · Tones
Tints
- 2D7A5B
- 48886C
- 5F977D
- 76A58F
- 8DB4A1
- A3C3B3
- BAD1C5
- D1E0D8
- E8F0EC
Shades
- 005D40
- 004E35
- 00402B
- 003221
- 002517
- 00190E
- 000D06
- 000402
- 000000
Tones
- 1F6E50
- 2F7055
- 3C735B
- 477560
- 527765
- 5C796B
- 657B70
- 6E7C75
- 777E7B
Farbharmonien
Komplementär +180°
- 006C4B
Environmental Green
- 814269
≈ Club Mauve
Analog -30° +30°
- 006C4B
Environmental Green
- 436727
≈ Tree Shade
- 006968
≈ Chinese Garden
Triadisch +120° +240°
- 006C4B
Environmental Green
- 545291
≈ Purple Corallite
- 884628
≈ Honey Garlic Beef
Geteilt komplementär +150° +210°
- 006C4B
Environmental Green
- 6F4882
≈ Plum Jam
- 8A404A
≈ Silk Satin
Tetradisch +90° +180° +270°
- 006C4B
Environmental Green
- 2F5C92
≈ Blue Regent
- 814269
≈ Club Mauve
- 7C5100
≈ Intense Brown
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.46:1 · APCA Lc 82
Ag
FailAuf Schwarz
WCAG 3.24:1 · APCA Lc 20
Beste Textfarbe: #FFFFFF
WCAG 6.46:1 (AA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--environmental-green: #006c4b;
--environmental-green-rgb: 0 108 75;
--environmental-green-oklch: oklch(0.47 0.101 163.7);
}
.element {
color: var(--environmental-green);
background-color: hsl(162 100% 21%);
border-color: oklch(0.47 0.101 163.7);
}Tailwind CSS v4
@theme {
--color-environmental-green: #006c4b;
--color-environmental-green-50: #dbffee;
--color-environmental-green-100: #c9f3e0;
--color-environmental-green-200: #ace3ca;
--color-environmental-green-300: #85c8ab;
--color-environmental-green-400: #61b18e;
--color-environmental-green-500: #379b74;
--color-environmental-green-600: #308362;
--color-environmental-green-700: #26694e;
--color-environmental-green-800: #1c4d37;
--color-environmental-green-900: #123626;
--color-environmental-green-950: #042114;
}SCSS
$environmental-green: #006c4b;
$environmental-green-rgb: 0, 108, 75;
$environmental-green-light: mix(#fff, $environmental-green, 20%);
$environmental-green-dark: mix(#000, $environmental-green, 20%);
.element {
color: $environmental-green;
box-shadow: 0 0 0 2px rgba($environmental-green, 0.35);
}