Benannte Farbe · #6D8A74
Capsella
Capsella ist #6D8A74: rgb(109 138 116), hsl(134 12% 48%), oklch(0.604 0.047 152.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Capsella color name →
#6D8A74
oklch(0.604 0.047 152.2)
Farbumrechnungen
- HEX
- #6d8a74
- RGB
- rgb(109 138 116)
- HSL
- hsl(134 12% 48%)
- HWB
- hwb(134 43% 46%)
- OKLCH
- oklch(0.604 0.047 152.2)
- OKLab
- oklab(0.604 -0.041 0.022)
- CIE Lab
- lab(54.74 -14.2 8.29)
- LCH
- lch(54.74 16.44 149.7)
- CMYK
- cmyk(21% 0% 16% 46%)
Tints · Shades · Tones
Tints
- 7B9581
- 89A08E
- 97AC9C
- A5B7A9
- B4C3B7
- C3CFC5
- D1DBD3
- E0E7E2
- F0F3F0
Shades
- 5E7764
- 4F6554
- 415345
- 334237
- 263229
- 19221B
- 0D140F
- 040705
- 010101
Tones
- 6F8975
- 718876
- 738778
- 758679
- 77857A
- 79847B
- 7B837C
- 7C827E
- 7E817F
Farbharmonien
Komplementär +180°
- 6D8A74
Capsella
- 93788E
≈ Muted Berry
Analog -30° +30°
- 6D8A74
Capsella
- 7C8667
≈ Swedish Clover
- 628B84
≈ Chlorite
Triadisch +120° +240°
- 6D8A74
Capsella
- 78809E
≈ Positively Purple
- 9C7870
≈ Southern Road
Geteilt komplementär +150° +210°
- 6D8A74
Capsella
- 877B99
≈ Relic
- 9A767F
≈ Bohemian Jazz
Tetradisch +90° +180° +270°
- 6D8A74
Capsella
- 69859C
≈ Lakeville
- 93788E
≈ Muted Berry
- 967C65
≈ Lover’s Leap
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.79:1 · APCA Lc 65
Ag
AAAuf Schwarz
WCAG 5.53:1 · APCA Lc 36
Beste Textfarbe: #000000
WCAG 5.53:1 (AA) · APCA Lc 36
Contrast pairs
Code-Snippets
CSS
:root {
--capsella: #6d8a74;
--capsella-rgb: 109 138 116;
--capsella-oklch: oklch(0.604 0.047 152.2);
}
.element {
color: var(--capsella);
background-color: hsl(134 12% 48%);
border-color: oklch(0.604 0.047 152.2);
}Tailwind CSS v4
@theme {
--color-capsella: #6d8a74;
--color-capsella-50: #ebf9ef;
--color-capsella-100: #ddede1;
--color-capsella-200: #c6dacb;
--color-capsella-300: #a6bfad;
--color-capsella-400: #8aa791;
--color-capsella-500: #6f8f77;
--color-capsella-600: #5e7965;
--color-capsella-700: #4b6151;
--color-capsella-800: #37473a;
--color-capsella-900: #263128;
--color-capsella-950: #141d16;
}SCSS
$capsella: #6d8a74;
$capsella-rgb: 109, 138, 116;
$capsella-light: mix(#fff, $capsella, 20%);
$capsella-dark: mix(#000, $capsella, 20%);
.element {
color: $capsella;
box-shadow: 0 0 0 2px rgba($capsella, 0.35);
}