命名颜色 · #88BB95
Forest Frolic
Forest Frolic 即 #88BB95：rgb(136 187 149)、hsl(135 27% 63%)、oklch(0.746 0.077 152.1)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Green mean? → · Forest Frolic color name →
#88BB95
oklch(0.746 0.077 152.1)
颜色转换
- HEX
- #88bb95
- RGB
- rgb(136 187 149)
- HSL
- hsl(135 27% 63%)
- HWB
- hwb(135 53% 27%)
- OKLCH
- oklch(0.746 0.077 152.1)
- OKLab
- oklab(0.746 -0.068 0.036)
- CIE Lab
- lab(71.5 -23.33 13.68)
- LCH
- lch(71.5 27.05 149.6)
- CMYK
- cmyk(27% 0% 20% 27%)
浅色调 · 深色调 · 灰色调
浅色调
- 94C29F
- A0C9AA
- ACCFB4
- B8D6BE
- C3DDC9
- CFE4D4
- DBEADE
- E7F1E9
- F3F8F4
深色调
- 75A281
- 638A6D
- 52735A
- 415C48
- 314637
- 223226
- 131F16
- 060D08
- 010201
灰色调
- 88B593
- 87AF91
- 87A98F
- 86A38D
- 859D8B
- 849789
- 839286
- 828C84
- 818682
配色和谐
互补色 +180°
- 88BB95
Forest Frolic
- CA9BC2
≈ Clover Pink
类似色 -30° +30°
- 88BB95
Forest Frolic
- A4B57E
≈ Serpentine
- 73BDB0
≈ Mintage
三角配色 +120° +240°
- 88BB95
Forest Frolic
- 9BAADE
≈ Aster Flower Blue
- D99B8E
≈ Shanghai Peach
分裂互补色 +150° +210°
- 88BB95
Forest Frolic
- B5A1D5
≈ Purple Premiere
- D699A9
≈ Blush Bomb
四角配色 +90° +180° +270°
- 88BB95
Forest Frolic
- 81B3D9
≈ Dun Morogh Blue
- CA9BC2
≈ Clover Pink
- D0A27A
≈ Golden Beige
对比度与无障碍
Ag
Fail白底
WCAG 2.19:1 · APCA Lc 43
Ag
AAA黑底
WCAG 9.58:1 · APCA Lc 59
最佳文字颜色: #000000
WCAG 9.58:1 (AAA) · APCA Lc 59
Contrast pairs
代码片段
CSS
:root {
--forest-frolic: #88bb95;
--forest-frolic-rgb: 136 187 149;
--forest-frolic-oklch: oklch(0.746 0.077 152.1);
}
.element {
color: var(--forest-frolic);
background-color: hsl(135 27% 63%);
border-color: oklch(0.746 0.077 152.1);
}Tailwind CSS v4
@theme {
--color-forest-frolic: #88bb95;
--color-forest-frolic-50: #e5fceb;
--color-forest-frolic-100: #d5f0dd;
--color-forest-frolic-200: #bcdec6;
--color-forest-frolic-300: #99c3a6;
--color-forest-frolic-400: #7cac88;
--color-forest-frolic-500: #5e956d;
--color-forest-frolic-600: #507e5d;
--color-forest-frolic-700: #40654a;
--color-forest-frolic-800: #2e4a34;
--color-forest-frolic-900: #1f3324;
--color-forest-frolic-950: #0f1f12;
}SCSS
$forest-frolic: #88bb95;
$forest-frolic-rgb: 136, 187, 149;
$forest-frolic-light: mix(#fff, $forest-frolic, 20%);
$forest-frolic-dark: mix(#000, $forest-frolic, 20%);
.element {
color: $forest-frolic;
box-shadow: 0 0 0 2px rgba($forest-frolic, 0.35);
}