Color con nombre más cercano · #89C39F
#89C39F
Color con nombre más cercano: Irish Spring
#89C39F (rgb(137 195 159), hsl(143 33% 65%), oklch(0.767 0.079 156.7)) se parece más al color con nombre Irish Spring. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#89C39F
oklch(0.767 0.079 156.7)
Conversiones de color
- HEX
- #89c39f
- RGB
- rgb(137 195 159)
- HSL
- hsl(143 33% 65%)
- HWB
- hwb(143 54% 24%)
- OKLCH
- oklch(0.767 0.079 156.7)
- OKLab
- oklab(0.767 -0.073 0.031)
- CIE Lab
- lab(74.06 -25.21 11.88)
- LCH
- lch(74.06 27.87 154.8)
- CMYK
- cmyk(30% 0% 18% 24%)
Tintes · Sombras · Tonos
Tintes
- 95C9A8
- A1CFB2
- ADD5BB
- B9DBC5
- C4E1CE
- D0E7D8
- DCEDE2
- E8F3EB
- F3F9F5
Sombras
- 76A98A
- 649075
- 537861
- 42604D
- 314A3B
- 223429
- 142018
- 070E09
- 010201
Tonos
- 89BC9C
- 88B599
- 88AF96
- 87A893
- 86A190
- 859A8C
- 849489
- 838D86
- 818783
Armonías de color
Complementario +180°
- 89C39F
Irish Spring
- D5A0C6
≈ Pastel Lavender
Análogo -30° +30°
- 89C39F
Irish Spring
- A6BD86
≈ Margarita
- 75C4BB
≈ Pale Jade
Triádico +120° +240°
- 89C39F
Irish Spring
- A6AFE6
≈ Maximum Blue Purple
- E1A290
≈ Venetian Plaster
Complementario dividido +150° +210°
- 89C39F
Irish Spring
- C0A7DC
≈ Perfume
- E09FAB
≈ Nana’s Rose
Tetrádico +90° +180° +270°
- 89C39F
Irish Spring
- 8AB9E4
≈ C’est la Vie
- D5A0C6
≈ Pastel Lavender
- D6AA7D
≈ Band-Aid
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.02:1 · APCA Lc 39
Ag
AAASobre negro
WCAG 10.37:1 · APCA Lc 63
Mejor color de texto: #000000
WCAG 10.37:1 (AAA) · APCA Lc 63
Contrast pairs
Fragmentos de código
CSS
:root {
--irish-spring: #89c39f;
--irish-spring-rgb: 137 195 159;
--irish-spring-oklch: oklch(0.767 0.079 156.7);
}
.element {
color: var(--irish-spring);
background-color: hsl(143 33% 65%);
border-color: oklch(0.767 0.079 156.7);
}Tailwind CSS v4
@theme {
--color-irish-spring: #89c39f;
--color-irish-spring-50: #e3fded;
--color-irish-spring-100: #d3f0de;
--color-irish-spring-200: #b9dfc8;
--color-irish-spring-300: #95c4a9;
--color-irish-spring-400: #77ad8b;
--color-irish-spring-500: #579671;
--color-irish-spring-600: #4a7f60;
--color-irish-spring-700: #3b664c;
--color-irish-spring-800: #2b4b36;
--color-irish-spring-900: #1d3425;
--color-irish-spring-950: #0d1f14;
}SCSS
$irish-spring: #89c39f;
$irish-spring-rgb: 137, 195, 159;
$irish-spring-light: mix(#fff, $irish-spring, 20%);
$irish-spring-dark: mix(#000, $irish-spring, 20%);
.element {
color: $irish-spring;
box-shadow: 0 0 0 2px rgba($irish-spring, 0.35);
}