Màu có tên gần nhất · #656276
#656276
Màu có tên gần nhất: Smoky
#656276 (rgb(101 98 118), hsl(249 9% 42%), oklch(0.506 0.032 292.1)) gần nhất với màu có tên Smoky. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#656276
oklch(0.506 0.032 292.1)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 737083
- 827F90
- 908E9D
- 9F9EAB
- AFADB8
- BEBDC6
- CECDD4
- DEDEE2
- EEEEF1
Sắc đậm
- 575466
- 494756
- 3C3A47
- 2F2D38
- 222129
- 17161C
- 0C0B0F
- 030305
- 000001
Sắc xám
- 686577
- 6A6878
- 6D6B79
- 706E7A
- 72717B
- 75747C
- 78777D
- 7A7A7E
- 7D7D7F
Hòa sắc
Bổ túc +180°
- 656276
Smoky
- 656752
≈ Winning Ticket
Tương đồng -30° +30°
- 656276
Smoky
- 5B6578
≈ Blue Zephyr
- 6E5F70
≈ Smoked Mulberry
Bộ ba +120° +240°
- 656276
Smoky
- 746055
≈ Poppy Pods
- 536B63
≈ Green Beret
Bổ túc chia +150° +210°
- 656276
Smoky
- 6E6451
≈ Harold
- 5B6A59
≈ Less Traveled
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 5.89:1 · APCA Lc 80
Ag
FailTrên nền đen
WCAG 3.56:1 · APCA Lc 22
Màu chữ tốt nhất: #FFFFFF
WCAG 5.89:1 (AA) · APCA Lc 80
Contrast pairs
Đoạn mã
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);
}