Cor nomeada mais próxima · #88B78E
#88B78E
Cor nomeada mais próxima: Verde
#88B78E (rgb(136 183 142), hsl(128 25% 63%), oklch(0.735 0.077 148.1)) é mais próxima da cor nomeada Verde. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#88B78E
oklch(0.735 0.077 148.1)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- 94BE99
- A0C5A4
- ABCCAF
- B7D4BA
- C3DBC5
- CFE2D1
- DBE9DC
- E7F0E8
- F3F8F3
Sombras
- 759F7B
- 638768
- 527056
- 415A44
- 314534
- 223124
- 131E15
- 060C07
- 010201
Tons
- 88B18D
- 87AC8B
- 86A68A
- 86A189
- 859B87
- 849686
- 839084
- 828B83
- 818582
Harmonias de cor
Complementar +180°
- 88B78E
Verde
- C498C2
≈ Lupine
Análoga -30° +30°
- 88B78E
Verde
- A4B078
≈ Estragon
- 71B9A9
≈ Larchmere
Tríade +120° +240°
- 88B78E
Verde
- 94A8DB
≈ Black Drop
- D6978E
≈ Petite Orchid
Complementar dividida +150° +210°
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.27:1 · APCA Lc 45
Ag
AAASobre preto
WCAG 9.21:1 · APCA Lc 57
Melhor cor de texto: #000000
WCAG 9.21:1 (AAA) · APCA Lc 57
Contrast pairs
Trechos de código
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);
}