Colore con nome più vicino · #88B78E
#88B78E
Colore con nome più vicino: Verde
#88B78E (rgb(136 183 142), hsl(128 25% 63%), oklch(0.735 0.077 148.1)) è più vicino al colore con nome Verde. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#88B78E
oklch(0.735 0.077 148.1)
Conversioni di colore
- HEX
- #88b78e
- RGB
- rgb(136 183 142)
- HSL
- hsl(128 25% 63%)
- HWB
- hwb(128 53% 28%)
- OKLCH
- oklch(0.735 0.077 148.1)
- OKLab
- oklab(0.735 -0.065 0.041)
- CIE Lab
- lab(70.22 -22.46 15.67)
- LCH
- lch(70.22 27.39 145.1)
- CMYK
- cmyk(26% 0% 22% 28%)
Tinte · Ombre · Toni
Tinte
- 94BE99
- A0C5A4
- ABCCAF
- B7D4BA
- C3DBC5
- CFE2D1
- DBE9DC
- E7F0E8
- F3F8F3
Ombre
- 759F7B
- 638768
- 527056
- 415A44
- 314534
- 223124
- 131E15
- 060C07
- 010201
Toni
- 88B18D
- 87AC8B
- 86A68A
- 86A189
- 859B87
- 849686
- 839084
- 828B83
- 818582
Armonie di colore
Complementare +180°
- 88B78E
Verde
- C498C2
≈ Lupine
Analogo -30° +30°
- 88B78E
Verde
- A4B078
≈ Estragon
- 71B9A9
≈ Larchmere
Triadico +120° +240°
- 88B78E
Verde
- 94A8DB
≈ Black Drop
- D6978E
≈ Petite Orchid
Complementare divisa +150° +210°
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.27:1 · APCA Lc 45
Ag
AAASu nero
WCAG 9.21:1 · APCA Lc 57
Miglior colore del testo: #000000
WCAG 9.21:1 (AAA) · APCA Lc 57
Contrast pairs
Frammenti di codice
CSS
:root {
--verde: #88b78e;
--verde-rgb: 136 183 142;
--verde-oklch: oklch(0.735 0.077 148.1);
}
.element {
color: var(--verde);
background-color: hsl(128 25% 63%);
border-color: oklch(0.735 0.077 148.1);
}Tailwind CSS v4
@theme {
--color-verde: #88b78e;
--color-verde-50: #e6fcea;
--color-verde-100: #d7f0db;
--color-verde-200: #bedec3;
--color-verde-300: #9cc3a3;
--color-verde-400: #7fab85;
--color-verde-500: #629469;
--color-verde-600: #537e59;
--color-verde-700: #426547;
--color-verde-800: #314a32;
--color-verde-900: #213322;
--color-verde-950: #101f11;
}SCSS
$verde: #88b78e;
$verde-rgb: 136, 183, 142;
$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);
}