最接近的命名颜色 · #327676
#327676
最接近的命名颜色: Ming
#327676（rgb(50 118 118)、hsl(180 40% 33%)、oklch(0.523 0.068 195.3)）最接近命名颜色 Ming。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#327676
oklch(0.523 0.068 195.3)
颜色转换
- HEX
- #327676
- RGB
- rgb(50 118 118)
- HSL
- hsl(180 40% 33%)
- HWB
- hwb(180 20% 54%)
- OKLCH
- oklch(0.523 0.068 195.3)
- OKLab
- oklab(0.523 -0.066 -0.018)
- CIE Lab
- lab(45.35 -22.25 -6.86)
- LCH
- lch(45.35 23.28 197.1)
- CMYK
- cmyk(58% 0% 0% 54%)
浅色调 · 深色调 · 灰色调
浅色调
- 488383
- 5D9090
- 719E9D
- 85ABAB
- 99B9B8
- ADC6C6
- C1D4D4
- D6E2E2
- EAF1F1
深色调
- 2A6666
- 225656
- 1B4747
- 143838
- 0D2929
- 071C1C
- 030F0F
- 010505
- 000101
灰色调
- 3C7777
- 467878
- 4E7979
- 567A7A
- 5E7B7B
- 657C7C
- 6C7D7D
- 737E7E
- 797F7F
配色和谐
互补色 +180°
- 327676
Ming
- 8D595D
≈ Barn Door
类似色 -30° +30°
- 327676
Ming
- 407660
≈ Fir
- 3A7287
≈ Calypso
三角配色 +120° +240°
分裂互补色 +150° +210°
- 327676
Ming
- 865A73
≈ Indian Silk
- 8B5D48
≈ Spicy Mix
四角配色 +90° +180° +270°
对比度与无障碍
Ag
AA白底
WCAG 5.26:1 · APCA Lc 76
Ag
Fail黑底
WCAG 3.98:1 · APCA Lc 26
最佳文字颜色: #FFFFFF
WCAG 5.26:1 (AA) · APCA Lc 76
Contrast pairs
代码片段
CSS
:root {
--ming: #327676;
--ming-rgb: 50 118 118;
--ming-oklch: oklch(0.523 0.068 195.3);
}
.element {
color: var(--ming);
background-color: hsl(180 40% 33%);
border-color: oklch(0.523 0.068 195.3);
}Tailwind CSS v4
@theme {
--color-ming: #327676;
--color-ming-50: #e0fcfc;
--color-ming-100: #cfeff0;
--color-ming-200: #b3dede;
--color-ming-300: #8ec3c3;
--color-ming-400: #6cabab;
--color-ming-500: #499494;
--color-ming-600: #3f7e7d;
--color-ming-700: #326464;
--color-ming-800: #234a49;
--color-ming-900: #173333;
--color-ming-950: #081f1e;
}SCSS
$ming: #327676;
$ming-rgb: 50, 118, 118;
$ming-light: mix(#fff, $ming, 20%);
$ming-dark: mix(#000, $ming, 20%);
.element {
color: $ming;
box-shadow: 0 0 0 2px rgba($ming, 0.35);
}