最接近的命名颜色 · #88C694
#88C694
最接近的命名颜色: Irish Spring
#88C694（rgb(136 198 148)、hsl(132 35% 65%)、oklch(0.771 0.096 149.8)）最接近命名颜色 Irish Spring。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#88C694
oklch(0.771 0.096 149.8)
颜色转换
- 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%)
浅色调 · 深色调 · 灰色调
浅色调
- 94CC9E
- A0D2A9
- ACD7B4
- B8DDBE
- C4E3C9
- D0E8D4
- DCEEDE
- E7F4E9
- F3F9F4
深色调
- 75AC80
- 63926D
- 527A5A
- 416248
- 314B36
- 223526
- 132116
- 060E08
- 010201
灰色调
- 88BF92
- 88B890
- 87B18E
- 86AA8C
- 86A38A
- 859C88
- 849586
- 838E84
- 818782
配色和谐
互补色 +180°
- 88C694
Irish Spring
- D79FD2
≈ Velvet Horizon
类似色 -30° +30°
- 88C694
Irish Spring
- ADBE77
≈ Lavish Lime
- 69C9B6
≈ Shockwave
三角配色 +120° +240°
- 88C694
Irish Spring
- 9CB2F2
≈ Wondrous Wisteria
- EB9D91
≈ Coral Bead
分裂互补色 +150° +210°
- 88C694
Irish Spring
- BDA7E9
≈ Enchanted Lavender
- E79BB2
≈ Always Rosey
四角配色 +90° +180° +270°
- 88C694
Irish Spring
- 7ABDEB
≈ Aero
- D79FD2
≈ Velvet Horizon
- E2A675
≈ Thai Ice Tea
对比度与无障碍
Ag
Fail白底
WCAG 1.99:1 · APCA Lc 38
Ag
AAA黑底
WCAG 10.55:1 · APCA Lc 64
最佳文字颜色: #000000
WCAG 10.55:1 (AAA) · APCA Lc 64
Contrast pairs
代码片段
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);
}