Couleur nommée la plus proche · #88C694
#88C694
Couleur nommée la plus proche: Irish Spring
#88C694 (rgb(136 198 148), hsl(132 35% 65%), oklch(0.771 0.096 149.8)) est la plus proche de la couleur nommée Irish Spring. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#88C694
oklch(0.771 0.096 149.8)
Conversions de couleur
- HEX
- #88c694
- RGB
- rgb(136 198 148)
- HSL
- hsl(132 35% 65%)
- HWB
- hwb(132 53% 22%)
- OKLCH
- oklch(0.771 0.096 149.8)
- OKLab
- oklab(0.771 -0.082 0.048)
- CIE Lab
- lab(74.67 -28.4 18.56)
- LCH
- lch(74.67 33.93 146.8)
- CMYK
- cmyk(31% 0% 25% 22%)
Teintes · Ombres · Tons
Teintes
- 94CC9E
- A0D2A9
- ACD7B4
- B8DDBE
- C4E3C9
- D0E8D4
- DCEEDE
- E7F4E9
- F3F9F4
Ombres
- 75AC80
- 63926D
- 527A5A
- 416248
- 314B36
- 223526
- 132116
- 060E08
- 010201
Tons
- 88BF92
- 88B890
- 87B18E
- 86AA8C
- 86A38A
- 859C88
- 849586
- 838E84
- 818782
Harmonies de couleurs
Complémentaire +180°
- 88C694
Irish Spring
- D79FD2
≈ Velvet Horizon
Analogue -30° +30°
- 88C694
Irish Spring
- ADBE77
≈ Lavish Lime
- 69C9B6
≈ Shockwave
Triadique +120° +240°
- 88C694
Irish Spring
- 9CB2F2
≈ Wondrous Wisteria
- EB9D91
≈ Coral Bead
Complémentaire divisée +150° +210°
- 88C694
Irish Spring
- BDA7E9
≈ Enchanted Lavender
- E79BB2
≈ Always Rosey
Tétradique +90° +180° +270°
- 88C694
Irish Spring
- 7ABDEB
≈ Aero
- D79FD2
≈ Velvet Horizon
- E2A675
≈ Thai Ice Tea
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.99:1 · APCA Lc 38
Ag
AAASur noir
WCAG 10.55:1 · APCA Lc 64
Meilleure couleur de texte: #000000
WCAG 10.55:1 (AAA) · APCA Lc 64
Contrast pairs
Extraits de code
CSS
:root {
--irish-spring: #88c694;
--irish-spring-rgb: 136 198 148;
--irish-spring-oklch: oklch(0.771 0.096 149.8);
}
.element {
color: var(--irish-spring);
background-color: hsl(132 35% 65%);
border-color: oklch(0.771 0.096 149.8);
}Tailwind CSS v4
@theme {
--color-irish-spring: #88c694;
--color-irish-spring-50: #e2fee8;
--color-irish-spring-100: #d1f2d8;
--color-irish-spring-200: #b7e1c0;
--color-irish-spring-300: #93c69f;
--color-irish-spring-400: #75af80;
--color-irish-spring-500: #549863;
--color-irish-spring-600: #488055;
--color-irish-spring-700: #396743;
--color-irish-spring-800: #2a4b2f;
--color-irish-spring-900: #1c3420;
--color-irish-spring-950: #0c200f;
}SCSS
$irish-spring: #88c694;
$irish-spring-rgb: 136, 198, 148;
$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);
}