Nazwany kolor · #A2C2B0
Green Silk
Green Silk to #A2C2B0: rgb(162 194 176), hsl(146 21% 70%), oklch(0.785 0.043 160.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Green Silk color name →
#A2C2B0
oklch(0.785 0.043 160.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- ABC8B8
- B4CEBF
- BED4C7
- C7DACF
- D0E0D7
- D9E6DF
- E3ECE7
- ECF3EF
- F6F9F7
Odcienie ciemniejsze
- 8CA899
- 778F82
- 63776C
- 4F6056
- 3C4942
- 2A342E
- 19201C
- 0A0E0B
- 010201
Tony
- 9FBBAB
- 9BB4A6
- 98AEA1
- 95A79D
- 91A098
- 8E9A93
- 8A938E
- 878D89
- 838685
Harmonie kolorów
Komplementarna +180°
- A2C2B0
Green Silk
- CDAFC1
≈ Pink Potion
Analogowa -30° +30°
- A2C2B0
Green Silk
- B0BFA3
≈ Jade Cameo
- 9AC2BF
≈ Bleu Nattier
Triada +120° +240°
- A2C2B0
Green Silk
- B3B7D5
≈ Hundred Waters
- D2B1A5
≈ Damask Dunes
Komplementarna rozszczepiona +150° +210°
- A2C2B0
Green Silk
- C2B2CE
≈ Frosted Orchid
- D3AEB2
≈ Ballet Rose
Tetrada +90° +180° +270°
- A2C2B0
Green Silk
- A5BCD4
≈ Angel Falls
- CDAFC1
≈ Pink Potion
- CBB59C
≈ Tan Suede
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.93:1 · APCA Lc 37
Ag
AAANa czerni
WCAG 10.87:1 · APCA Lc 65
Najlepszy kolor tekstu: #000000
WCAG 10.87:1 (AAA) · APCA Lc 65
Contrast pairs
Fragmenty kodu
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);
}