最接近的命名颜色 · #656276
#656276
最接近的命名颜色: Smoky
#656276（rgb(101 98 118)、hsl(249 9% 42%)、oklch(0.506 0.032 292.1)）最接近命名颜色 Smoky。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#656276
oklch(0.506 0.032 292.1)
颜色转换
- HEX
- #656276
- RGB
- rgb(101 98 118)
- HSL
- hsl(249 9% 42%)
- HWB
- hwb(249 38% 54%)
- OKLCH
- oklch(0.506 0.032 292.1)
- OKLab
- oklab(0.506 0.012 -0.029)
- CIE Lab
- lab(42.38 4.53 -10.86)
- LCH
- lch(42.38 11.77 292.7)
- CMYK
- cmyk(14% 17% 0% 54%)
浅色调 · 深色调 · 灰色调
浅色调
- 737083
- 827F90
- 908E9D
- 9F9EAB
- AFADB8
- BEBDC6
- CECDD4
- DEDEE2
- EEEEF1
深色调
- 575466
- 494756
- 3C3A47
- 2F2D38
- 222129
- 17161C
- 0C0B0F
- 030305
- 000001
灰色调
- 686577
- 6A6878
- 6D6B79
- 706E7A
- 72717B
- 75747C
- 78777D
- 7A7A7E
- 7D7D7F
配色和谐
互补色 +180°
- 656276
Smoky
- 656752
≈ Winning Ticket
类似色 -30° +30°
- 656276
Smoky
- 5B6578
≈ Blue Zephyr
- 6E5F70
≈ Smoked Mulberry
三角配色 +120° +240°
- 656276
Smoky
- 746055
≈ Poppy Pods
- 536B63
≈ Green Beret
分裂互补色 +150° +210°
- 656276
Smoky
- 6E6451
≈ Harold
- 5B6A59
≈ Less Traveled
四角配色 +90° +180° +270°
对比度与无障碍
Ag
AA白底
WCAG 5.89:1 · APCA Lc 80
Ag
Fail黑底
WCAG 3.56:1 · APCA Lc 22
最佳文字颜色: #FFFFFF
WCAG 5.89:1 (AA) · APCA Lc 80
Contrast pairs
代码片段
CSS
:root {
--smoky: #656276;
--smoky-rgb: 101 98 118;
--smoky-oklch: oklch(0.506 0.032 292.1);
}
.element {
color: var(--smoky);
background-color: hsl(249 9% 42%);
border-color: oklch(0.506 0.032 292.1);
}Tailwind CSS v4
@theme {
--color-smoky: #656276;
--color-smoky-50: #f5f4fe;
--color-smoky-100: #e8e6f2;
--color-smoky-200: #d5d2e1;
--color-smoky-300: #b8b5c6;
--color-smoky-400: #9e9bb0;
--color-smoky-500: #86839a;
--color-smoky-600: #726f82;
--color-smoky-700: #5b5868;
--color-smoky-800: #42414d;
--color-smoky-900: #2d2d35;
--color-smoky-950: #1a1a21;
}SCSS
$smoky: #656276;
$smoky-rgb: 101, 98, 118;
$smoky-light: mix(#fff, $smoky, 20%);
$smoky-dark: mix(#000, $smoky, 20%);
.element {
color: $smoky;
box-shadow: 0 0 0 2px rgba($smoky, 0.35);
}