Najbliższy nazwany kolor · #88B78E
#88B78E
Najbliższy nazwany kolor: Verde
#88B78E (rgb(136 183 142), hsl(128 25% 63%), oklch(0.735 0.077 148.1)) jest najbliższy nazwanemu kolorowi Verde. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#88B78E
oklch(0.735 0.077 148.1)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 94BE99
- A0C5A4
- ABCCAF
- B7D4BA
- C3DBC5
- CFE2D1
- DBE9DC
- E7F0E8
- F3F8F3
Odcienie ciemniejsze
- 759F7B
- 638768
- 527056
- 415A44
- 314534
- 223124
- 131E15
- 060C07
- 010201
Tony
- 88B18D
- 87AC8B
- 86A68A
- 86A189
- 859B87
- 849686
- 839084
- 828B83
- 818582
Harmonie kolorów
Komplementarna +180°
- 88B78E
Verde
- C498C2
≈ Lupine
Analogowa -30° +30°
- 88B78E
Verde
- A4B078
≈ Estragon
- 71B9A9
≈ Larchmere
Triada +120° +240°
- 88B78E
Verde
- 94A8DB
≈ Black Drop
- D6978E
≈ Petite Orchid
Komplementarna rozszczepiona +150° +210°
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.27:1 · APCA Lc 45
Ag
AAANa czerni
WCAG 9.21:1 · APCA Lc 57
Najlepszy kolor tekstu: #000000
WCAG 9.21:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmenty kodu
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);
}