命名颜色 · #4EFFCD
Move Mint
Move Mint 即 #4EFFCD：rgb(78 255 205)、hsl(163 100% 65%)、oklch(0.899 0.159 169.8)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Teal mean? → · Move Mint color name →
#4EFFCD
oklch(0.899 0.159 169.8)
颜色转换
- HEX
- #4effcd
- RGB
- rgb(78 255 205)
- HSL
- hsl(163 100% 65%)
- HWB
- hwb(163 31% 0%)
- OKLCH
- oklch(0.899 0.159 169.8)
- OKLab
- oklab(0.899 -0.156 0.028)
- CIE Lab
- lab(90.36 -55.24 10.37)
- LCH
- lch(90.36 56.2 169.4)
- CMYK
- cmyk(69% 0% 20% 0%)
浅色调 · 深色调 · 灰色调
浅色调
- 6CFFD2
- 83FFD7
- 97FFDC
- A8FFE1
- B9FFE6
- C8FFEB
- D7FFF0
- E5FFF5
- F2FFFA
深色调
- 43DEB2
- 38BE98
- 2D9E7E
- 238066
- 19634E
- 0F4838
- 072E23
- 02160F
- 000302
灰色调
- 5CF2C5
- 67E5BD
- 6ED8B5
- 74CBAE
- 79BEA6
- 7CB29E
- 7EA597
- 80998F
- 808C87
配色和谐
互补色 +180°
- 4EFFCD
Move Mint
- FFCDE4
≈ Classic Rose
类似色 -30° +30°
- 4EFFCD
Move Mint
- A3F790
≈ Toxic Frog
- 5BF7FF
≈ Frozen Turquoise
三角配色 +120° +240°
- 4EFFCD
Move Mint
- DCD9FF
≈ Transparent Blue
- FFD3BC
≈ Mom’s Love
分裂互补色 +150° +210°
- 4EFFCD
Move Mint
- F5CDFF
≈ Sassy Pink
- FFD1CF
≈ Girlie
四角配色 +90° +180° +270°
- 4EFFCD
Move Mint
- CBDFFF
≈ Arc Light
- FFCDE4
≈ Classic Rose
- FFD795
≈ Cornmeal
对比度与无障碍
Ag
Fail白底
WCAG 1.27:1 · APCA Lc 13
Ag
AAA黑底
WCAG 16.50:1 · APCA Lc 91
最佳文字颜色: #000000
WCAG 16.50:1 (AAA) · APCA Lc 91
Contrast pairs
代码片段
CSS
:root {
--move-mint: #4effcd;
--move-mint-rgb: 78 255 205;
--move-mint-oklch: oklch(0.899 0.159 169.8);
}
.element {
color: var(--move-mint);
background-color: hsl(163 100% 65%);
border-color: oklch(0.899 0.159 169.8);
}Tailwind CSS v4
@theme {
--color-move-mint: #4effcd;
--color-move-mint-50: #c8fff0;
--color-move-mint-100: #b1fae2;
--color-move-mint-200: #88ebcc;
--color-move-mint-300: #4dd1ae;
--color-move-mint-400: #00bb8f;
--color-move-mint-500: #00a675;
--color-move-mint-600: #008c63;
--color-move-mint-700: #00704f;
--color-move-mint-800: #005337;
--color-move-mint-900: #003a26;
--color-move-mint-950: #002414;
}SCSS
$move-mint: #4effcd;
$move-mint-rgb: 78, 255, 205;
$move-mint-light: mix(#fff, $move-mint, 20%);
$move-mint-dark: mix(#000, $move-mint, 20%);
.element {
color: $move-mint;
box-shadow: 0 0 0 2px rgba($move-mint, 0.35);
}