Benannte Farbe · #677F70
Ecological
Ecological ist #677F70: rgb(103 127 112), hsl(143 10% 45%), oklch(0.573 0.036 157.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Ecological color name →
#677F70
oklch(0.573 0.036 157.6)
Farbumrechnungen
- HEX
- #677f70
- RGB
- rgb(103 127 112)
- HSL
- hsl(143 10% 45%)
- HWB
- hwb(143 40% 50%)
- OKLCH
- oklch(0.573 0.036 157.6)
- OKLab
- oklab(0.573 -0.033 0.014)
- CIE Lab
- lab(50.94 -11.46 5.16)
- LCH
- lch(50.94 12.57 155.7)
- CMYK
- cmyk(19% 0% 12% 50%)
Tints · Shades · Tones
Tints
- 758B7D
- 84978B
- 92A499
- A1B0A7
- B0BDB5
- C0CAC3
- CFD7D2
- DFE4E1
- EFF2F0
Shades
- 596E60
- 4B5D51
- 3D4C43
- 303C35
- 232D27
- 171F1A
- 0C110E
- 040604
- 000101
Tones
- 6A7F72
- 6C7F73
- 6F7F75
- 717F76
- 748078
- 76807A
- 79807B
- 7B807D
- 7E807E
Farbharmonien
Komplementär +180°
- 677F70
Ecological
- 877080
≈ Sapphire Pink
Analog -30° +30°
- 677F70
Ecological
- 727D66
≈ Limed Ash
- 607F7C
≈ Teal Stencil
Triadisch +120° +240°
- 677F70
Ecological
- 73778E
≈ Little Theatre
- 8C7169
≈ Dutch Cocoa
Geteilt komplementär +150° +210°
- 677F70
Ecological
- 7E7389
≈ Batik Lilac
- 8C7074
≈ Tetrarose
Tetradisch +90° +180° +270°
- 677F70
Ecological
- 687B8D
≈ Pier 17 Steel
- 877080
≈ Sapphire Pink
- 877562
≈ Dune Shadow
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.33:1 · APCA Lc 70
Ag
AAAuf Schwarz
WCAG 4.84:1 · APCA Lc 32
Beste Textfarbe: #000000
WCAG 4.84:1 (AA) · APCA Lc 32
Contrast pairs
Code-Snippets
CSS
:root {
--ecological: #677f70;
--ecological-rgb: 103 127 112;
--ecological-oklch: oklch(0.573 0.036 157.6);
}
.element {
color: var(--ecological);
background-color: hsl(143 10% 45%);
border-color: oklch(0.573 0.036 157.6);
}Tailwind CSS v4
@theme {
--color-ecological: #677f70;
--color-ecological-50: #edf8f1;
--color-ecological-100: #deece4;
--color-ecological-200: #c8d9cf;
--color-ecological-300: #a8bdb1;
--color-ecological-400: #8ea596;
--color-ecological-500: #738e7d;
--color-ecological-600: #61786a;
--color-ecological-700: #4e6055;
--color-ecological-800: #39463d;
--color-ecological-900: #27312a;
--color-ecological-950: #151d18;
}SCSS
$ecological: #677f70;
$ecological-rgb: 103, 127, 112;
$ecological-light: mix(#fff, $ecological, 20%);
$ecological-dark: mix(#000, $ecological, 20%);
.element {
color: $ecological;
box-shadow: 0 0 0 2px rgba($ecological, 0.35);
}