Colore con nome più vicino · #8AB78B
#8AB78B
Colore con nome più vicino: Verde
#8AB78B (rgb(138 183 139), hsl(121 24% 63%), oklch(0.735 0.079 145.3)) è più vicino al colore con nome Verde. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#8AB78B
oklch(0.735 0.079 145.3)
Conversioni di colore
- HEX
- #8ab78b
- RGB
- rgb(138 183 139)
- HSL
- hsl(121 24% 63%)
- HWB
- hwb(121 54% 28%)
- OKLCH
- oklch(0.735 0.079 145.3)
- OKLab
- oklab(0.735 -0.065 0.045)
- CIE Lab
- lab(70.29 -22.16 17.4)
- LCH
- lch(70.29 28.18 141.9)
- CMYK
- cmyk(25% 0% 24% 28%)
Tinte · Ombre · Toni
Tinte
- 96BE96
- A1C5A2
- ADCCAD
- B8D4B8
- C4DBC4
- D0E2D0
- DBE9DB
- E7F0E7
- F3F8F3
Ombre
- 779F78
- 658766
- 537054
- 425A43
- 324532
- 223123
- 141E14
- 070C07
- 010201
Toni
- 89B18A
- 89AC89
- 88A688
- 87A187
- 869B86
- 859685
- 849084
- 838B82
- 818581
Armonie di colore
Complementare +180°
- 8AB78B
Verde
- C398C5
≈ Lilac Pink
Analogo -30° +30°
- 8AB78B
Verde
- A7B076
≈ Estragon
- 71BAA7
≈ Larchmere
Triadico +120° +240°
- 8AB78B
Verde
- 91A9DC
≈ Black Drop
- D79690
≈ Petite Orchid
Complementare divisa +150° +210°
- 8AB78B
Verde
- ADA0D6
≈ Simply Violet
- D295AC
≈ Exotic Lilac
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.27:1 · APCA Lc 45
Ag
AAASu nero
WCAG 9.22:1 · APCA Lc 57
Miglior colore del testo: #000000
WCAG 9.22:1 (AAA) · APCA Lc 57
Contrast pairs
Frammenti di codice
CSS
:root {
--verde: #8ab78b;
--verde-rgb: 138 183 139;
--verde-oklch: oklch(0.735 0.079 145.3);
}
.element {
color: var(--verde);
background-color: hsl(121 24% 63%);
border-color: oklch(0.735 0.079 145.3);
}Tailwind CSS v4
@theme {
--color-verde: #8ab78b;
--color-verde-50: #e7fce8;
--color-verde-100: #d7f0d9;
--color-verde-200: #bfdec1;
--color-verde-300: #9dc3a0;
--color-verde-400: #81ab82;
--color-verde-500: #649466;
--color-verde-600: #557d56;
--color-verde-700: #446445;
--color-verde-800: #324a30;
--color-verde-900: #223321;
--color-verde-950: #111f10;
}SCSS
$verde: #8ab78b;
$verde-rgb: 138, 183, 139;
$verde-light: mix(#fff, $verde, 20%);
$verde-dark: mix(#000, $verde, 20%);
.element {
color: $verde;
box-shadow: 0 0 0 2px rgba($verde, 0.35);
}