Benannte Farbe · #A2C2B0
Green Silk
Green Silk ist #A2C2B0: rgb(162 194 176), hsl(146 21% 70%), oklch(0.785 0.043 160.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Green Silk color name →
#A2C2B0
oklch(0.785 0.043 160.6)
Farbumrechnungen
- HEX
- #a2c2b0
- RGB
- rgb(162 194 176)
- HSL
- hsl(146 21% 70%)
- HWB
- hwb(146 64% 24%)
- OKLCH
- oklch(0.785 0.043 160.6)
- OKLab
- oklab(0.785 -0.04 0.014)
- CIE Lab
- lab(75.67 -13.87 5.32)
- LCH
- lch(75.67 14.86 159)
- CMYK
- cmyk(16% 0% 9% 24%)
Tints · Shades · Tones
Tints
- ABC8B8
- B4CEBF
- BED4C7
- C7DACF
- D0E0D7
- D9E6DF
- E3ECE7
- ECF3EF
- F6F9F7
Shades
- 8CA899
- 778F82
- 63776C
- 4F6056
- 3C4942
- 2A342E
- 19201C
- 0A0E0B
- 010201
Tones
- 9FBBAB
- 9BB4A6
- 98AEA1
- 95A79D
- 91A098
- 8E9A93
- 8A938E
- 878D89
- 838685
Farbharmonien
Komplementär +180°
- A2C2B0
Green Silk
- CDAFC1
≈ Pink Potion
Analog -30° +30°
- A2C2B0
Green Silk
- B0BFA3
≈ Jade Cameo
- 9AC2BF
≈ Bleu Nattier
Triadisch +120° +240°
- A2C2B0
Green Silk
- B3B7D5
≈ Hundred Waters
- D2B1A5
≈ Damask Dunes
Geteilt komplementär +150° +210°
- A2C2B0
Green Silk
- C2B2CE
≈ Frosted Orchid
- D3AEB2
≈ Ballet Rose
Tetradisch +90° +180° +270°
- A2C2B0
Green Silk
- A5BCD4
≈ Angel Falls
- CDAFC1
≈ Pink Potion
- CBB59C
≈ Tan Suede
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.93:1 · APCA Lc 37
Ag
AAAAuf Schwarz
WCAG 10.87:1 · APCA Lc 65
Beste Textfarbe: #000000
WCAG 10.87:1 (AAA) · APCA Lc 65
Contrast pairs
Code-Snippets
CSS
:root {
--green-silk: #a2c2b0;
--green-silk-rgb: 162 194 176;
--green-silk-oklch: oklch(0.785 0.043 160.6);
}
.element {
color: var(--green-silk);
background-color: hsl(146 21% 70%);
border-color: oklch(0.785 0.043 160.6);
}Tailwind CSS v4
@theme {
--color-green-silk: #a2c2b0;
--color-green-silk-50: #ebf9f1;
--color-green-silk-100: #dcede4;
--color-green-silk-200: #c5dacf;
--color-green-silk-300: #a5bfb1;
--color-green-silk-400: #89a796;
--color-green-silk-500: #6e8f7d;
--color-green-silk-600: #5d796a;
--color-green-silk-700: #4a6154;
--color-green-silk-800: #36473d;
--color-green-silk-900: #25312a;
--color-green-silk-950: #131d17;
}SCSS
$green-silk: #a2c2b0;
$green-silk-rgb: 162, 194, 176;
$green-silk-light: mix(#fff, $green-silk, 20%);
$green-silk-dark: mix(#000, $green-silk, 20%);
.element {
color: $green-silk;
box-shadow: 0 0 0 2px rgba($green-silk, 0.35);
}