Benannte Farbe · #61AC86
Verdigris Green
Verdigris Green ist #61AC86: rgb(97 172 134), hsl(150 31% 53%), oklch(0.685 0.095 160.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Verdigris Green color name →
#61AC86
oklch(0.685 0.095 160.4)
Farbumrechnungen
- HEX
- #61ac86
- RGB
- rgb(97 172 134)
- HSL
- hsl(150 31% 53%)
- HWB
- hwb(150 38% 33%)
- OKLCH
- oklch(0.685 0.095 160.4)
- OKLab
- oklab(0.685 -0.089 0.032)
- CIE Lab
- lab(64.71 -31.14 12.01)
- LCH
- lch(64.71 33.38 158.9)
- CMYK
- cmyk(44% 0% 22% 33%)
Tints · Shades · Tones
Tints
- 72B492
- 82BD9D
- 92C5A9
- A2CDB5
- B1D5C1
- C1DECD
- D0E6D9
- E0EEE6
- EFF7F2
Shades
- 539574
- 467F62
- 396951
- 2D5440
- 214030
- 152D21
- 0B1B13
- 030B06
- 000101
Tones
- 66A885
- 6AA385
- 6E9F84
- 719B84
- 749683
- 779283
- 7A8D82
- 7C8981
- 7E8481
Farbharmonien
Komplementär +180°
- 61AC86
Verdigris Green
- C282AC
≈ Joie de Vivre
Analog -30° +30°
- 61AC86
Verdigris Green
- 86A667
≈ Peeled Asparagus
- 46ACA7
≈ Emerald Succulent
Triadisch +120° +240°
- 61AC86
Verdigris Green
- 8E93D3
≈ Portage
- CC866C
≈ Subdued Sienna
Geteilt komplementär +150° +210°
- 61AC86
Verdigris Green
- AC89C6
≈ Creeping Bellflower
- CD818C
≈ Rose Sachet
Tetradisch +90° +180° +270°
- 61AC86
Verdigris Green
- 6C9ED2
≈ Blue Electress
- C282AC
≈ Joie de Vivre
- BF8F56
≈ Bosc Pear
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.70:1 · APCA Lc 52
Ag
AAAAuf Schwarz
WCAG 7.75:1 · APCA Lc 50
Beste Textfarbe: #000000
WCAG 7.75:1 (AAA) · APCA Lc 50
Contrast pairs
Code-Snippets
CSS
:root {
--verdigris-green: #61ac86;
--verdigris-green-rgb: 97 172 134;
--verdigris-green-oklch: oklch(0.685 0.095 160.4);
}
.element {
color: var(--verdigris-green);
background-color: hsl(150 31% 53%);
border-color: oklch(0.685 0.095 160.4);
}Tailwind CSS v4
@theme {
--color-verdigris-green: #61ac86;
--color-verdigris-green-50: #defeed;
--color-verdigris-green-100: #cdf2df;
--color-verdigris-green-200: #b1e2c8;
--color-verdigris-green-300: #8bc7a9;
--color-verdigris-green-400: #69b08c;
--color-verdigris-green-500: #449971;
--color-verdigris-green-600: #3b8260;
--color-verdigris-green-700: #2f684c;
--color-verdigris-green-800: #224c36;
--color-verdigris-green-900: #173525;
--color-verdigris-green-950: #072013;
}SCSS
$verdigris-green: #61ac86;
$verdigris-green-rgb: 97, 172, 134;
$verdigris-green-light: mix(#fff, $verdigris-green, 20%);
$verdigris-green-dark: mix(#000, $verdigris-green, 20%);
.element {
color: $verdigris-green;
box-shadow: 0 0 0 2px rgba($verdigris-green, 0.35);
}