Colore con nome · #6E897D
Hanging Vine
Hanging Vine è #6E897D: rgb(110 137 125), hsl(153 11% 48%), oklch(0.605 0.036 166.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Hanging Vine color name →
#6E897D
oklch(0.605 0.036 166.4)
Conversioni di colore
- HEX
- #6e897d
- RGB
- rgb(110 137 125)
- HSL
- hsl(153 11% 48%)
- HWB
- hwb(153 43% 46%)
- OKLCH
- oklch(0.605 0.036 166.4)
- OKLab
- oklab(0.605 -0.035 0.008)
- CIE Lab
- lab(54.71 -11.95 3.11)
- LCH
- lch(54.71 12.35 165.4)
- CMYK
- cmyk(20% 0% 9% 46%)
Tinte · Ombre · Toni
Tinte
- 7C9489
- 8AA096
- 98ABA2
- A6B7AF
- B4C2BC
- C3CEC9
- D2DAD6
- E1E6E4
- F0F3F1
Ombre
- 5F766C
- 50645B
- 41534B
- 33423B
- 26312C
- 19221E
- 0E1411
- 040705
- 010101
Toni
- 70887D
- 72877E
- 74867E
- 76857E
- 77857F
- 79847F
- 7B837F
- 7D827F
- 7E8180
Armonie di colore
Complementare +180°
- 6E897D
Hanging Vine
- 937A86
≈ Iced Orchid
Analogo -30° +30°
- 6E897D
Hanging Vine
- 788772
≈ Winter Hedge
- 698989
≈ Overgrown Trellis
Triadico +120° +240°
- 6E897D
Hanging Vine
- 807F97
≈ Blue Intrigue
- 957C70
≈ Peppered Pecan
Complementare divisa +150° +210°
- 6E897D
Hanging Vine
- 8B7C91
≈ Dusky Grape
- 967A7A
≈ Chocolaty
Tetradico +90° +180° +270°
- 6E897D
Hanging Vine
- 748398
≈ Tranquil Pond
- 937A86
≈ Iced Orchid
- 8E7F6A
≈ Quiver Tan
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.79:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.53:1 · APCA Lc 36
Miglior colore del testo: #000000
WCAG 5.53:1 (AA) · APCA Lc 36
Contrast pairs
Frammenti di codice
CSS
:root {
--hanging-vine: #6e897d;
--hanging-vine-rgb: 110 137 125;
--hanging-vine-oklch: oklch(0.605 0.036 166.4);
}
.element {
color: var(--hanging-vine);
background-color: hsl(153 11% 48%);
border-color: oklch(0.605 0.036 166.4);
}Tailwind CSS v4
@theme {
--color-hanging-vine: #6e897d;
--color-hanging-vine-50: #ecf9f3;
--color-hanging-vine-100: #ddece6;
--color-hanging-vine-200: #c6d9d1;
--color-hanging-vine-300: #a7beb4;
--color-hanging-vine-400: #8ba69a;
--color-hanging-vine-500: #708e81;
--color-hanging-vine-600: #5f786d;
--color-hanging-vine-700: #4c6057;
--color-hanging-vine-800: #37463f;
--color-hanging-vine-900: #26312b;
--color-hanging-vine-950: #141d19;
}SCSS
$hanging-vine: #6e897d;
$hanging-vine-rgb: 110, 137, 125;
$hanging-vine-light: mix(#fff, $hanging-vine, 20%);
$hanging-vine-dark: mix(#000, $hanging-vine, 20%);
.element {
color: $hanging-vine;
box-shadow: 0 0 0 2px rgba($hanging-vine, 0.35);
}