Colore con nome più vicino · #81A38B
#81A38B
Colore con nome più vicino: Vineyard
#81A38B (rgb(129 163 139), hsl(138 16% 57%), oklch(0.683 0.051 154.1)) è più vicino al colore con nome Vineyard. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#81A38B
oklch(0.683 0.051 154.1)
Conversioni di colore
- HEX
- #81a38b
- RGB
- rgb(129 163 139)
- HSL
- hsl(138 16% 57%)
- HWB
- hwb(138 51% 36%)
- OKLCH
- oklch(0.683 0.051 154.1)
- OKLab
- oklab(0.683 -0.046 0.022)
- CIE Lab
- lab(63.92 -15.89 8.49)
- LCH
- lch(63.92 18.01 151.9)
- CMYK
- cmyk(21% 0% 15% 36%)
Tinte · Ombre · Toni
Tinte
- 8DAC96
- 99B5A1
- A6BEAD
- B2C7B8
- BFD0C4
- CBD9CF
- D8E3DB
- E5ECE7
- F2F6F3
Ombre
- 6F8D78
- 5E7866
- 4E6354
- 3E4F43
- 2E3C32
- 1F2A23
- 121914
- 060A07
- 010101
Toni
- 819F8A
- 819C89
- 819888
- 819587
- 819186
- 818E84
- 818A83
- 818782
- 808381
Armonie di colore
Complementare +180°
- 81A38B
Vineyard
- AE8EA6
≈ Palisade Orchid
Analogo -30° +30°
- 81A38B
Vineyard
- 929F7C
≈ Renkon Beige
- 75A49D
≈ Catalina
Triadico +120° +240°
- 81A38B
Vineyard
- 8F97BA
≈ Lively Lilac
- B78E84
≈ Ponder
Complementare divisa +150° +210°
- 81A38B
Vineyard
- A092B4
≈ Lush Mauve
- B68C95
≈ Rose Tea
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.78:1 · APCA Lc 54
Ag
AAASu nero
WCAG 7.54:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.54:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
CSS
:root {
--vineyard: #81a38b;
--vineyard-rgb: 129 163 139;
--vineyard-oklch: oklch(0.683 0.051 154.1);
}
.element {
color: var(--vineyard);
background-color: hsl(138 16% 57%);
border-color: oklch(0.683 0.051 154.1);
}Tailwind CSS v4
@theme {
--color-vineyard: #81a38b;
--color-vineyard-50: #eafaef;
--color-vineyard-100: #dbede1;
--color-vineyard-200: #c4dbcb;
--color-vineyard-300: #a3c0ad;
--color-vineyard-400: #87a891;
--color-vineyard-500: #6c9177;
--color-vineyard-600: #5b7a65;
--color-vineyard-700: #496250;
--color-vineyard-800: #35483a;
--color-vineyard-900: #243228;
--color-vineyard-950: #131e16;
}SCSS
$vineyard: #81a38b;
$vineyard-rgb: 129, 163, 139;
$vineyard-light: mix(#fff, $vineyard, 20%);
$vineyard-dark: mix(#000, $vineyard, 20%);
.element {
color: $vineyard;
box-shadow: 0 0 0 2px rgba($vineyard, 0.35);
}