命名颜色 · #77EEBB
Jittery Jade
Jittery Jade 即 #77EEBB：rgb(119 238 187)、hsl(154 78% 70%)、oklch(0.866 0.131 163.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Green mean? → · Jittery Jade color name →
#77EEBB
oklch(0.866 0.131 163.5)
颜色转换
- HEX
- #77eebb
- RGB
- rgb(119 238 187)
- HSL
- hsl(154 78% 70%)
- HWB
- hwb(154 47% 7%)
- OKLCH
- oklch(0.866 0.131 163.5)
- OKLab
- oklab(0.866 -0.126 0.037)
- CIE Lab
- lab(86.21 -44.07 13.99)
- LCH
- lch(86.21 46.24 162.4)
- CMYK
- cmyk(50% 0% 21% 7%)
浅色调 · 深色调 · 灰色调
浅色调
- 88F0C2
- 98F2C9
- A6F4CF
- B4F6D6
- C2F7DD
- CEF9E4
- DBFBEA
- E7FCF1
- F3FEF8
深色调
- 67CFA2
- 57B18A
- 479373
- 38775C
- 2A5C46
- 1C4232
- 102A1F
- 05140D
- 010302
灰色调
- 7BE3B5
- 7ED7AF
- 80CCA9
- 81C1A3
- 82B69D
- 83AB97
- 83A091
- 82958C
- 818B86
配色和谐
互补色 +180°
- 77EEBB
Jittery Jade
- FFBBE3
≈ Bubblegum Heart
类似色 -30° +30°
- 77EEBB
Jittery Jade
- B0E68B
≈ Sage Sensation
- 4BEEEB
≈ Phosphorescent Blue
三角配色 +120° +240°
- 77EEBB
Jittery Jade
- CCCEFF
≈ Lavender Blue
- FFC3AB
≈ Gadabout
分裂互补色 +150° +210°
- 77EEBB
Jittery Jade
- E9C1FF
≈ Jane Purple
- FFC0C5
≈ Piglet
四角配色 +90° +180° +270°
- 77EEBB
Jittery Jade
- B5D6FF
≈ Ice Cold Stare
- FFBBE3
≈ Bubblegum Heart
- FFC87E
≈ Beige Topaz
对比度与无障碍
Ag
Fail白底
WCAG 1.42:1 · APCA Lc 20
Ag
AAA黑底
WCAG 14.73:1 · APCA Lc 83
最佳文字颜色: #000000
WCAG 14.73:1 (AAA) · APCA Lc 83
Contrast pairs
代码片段
CSS
:root {
--jittery-jade: #77eebb;
--jittery-jade-rgb: 119 238 187;
--jittery-jade-oklch: oklch(0.866 0.131 163.5);
}
.element {
color: var(--jittery-jade);
background-color: hsl(154 78% 70%);
border-color: oklch(0.866 0.131 163.5);
}Tailwind CSS v4
@theme {
--color-jittery-jade: #77eebb;
--color-jittery-jade-50: #d3ffec;
--color-jittery-jade-100: #bff6dd;
--color-jittery-jade-200: #9ee7c7;
--color-jittery-jade-300: #70cda7;
--color-jittery-jade-400: #43b689;
--color-jittery-jade-500: #00a06d;
--color-jittery-jade-600: #00875d;
--color-jittery-jade-700: #006d4a;
--color-jittery-jade-800: #005034;
--color-jittery-jade-900: #013823;
--color-jittery-jade-950: #002212;
}SCSS
$jittery-jade: #77eebb;
$jittery-jade-rgb: 119, 238, 187;
$jittery-jade-light: mix(#fff, $jittery-jade, 20%);
$jittery-jade-dark: mix(#000, $jittery-jade, 20%);
.element {
color: $jittery-jade;
box-shadow: 0 0 0 2px rgba($jittery-jade, 0.35);
}