Màu có tên gần nhất · #606E79
#606E79
Màu có tên gần nhất: Batman
#606E79 (rgb(96 110 121), hsl(206 12% 43%), oklch(0.53 0.024 241.7)) gần nhất với màu có tên Batman. 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.
#606E79
oklch(0.53 0.024 241.7)
Chuyển đổi màu
- HEX
- #606e79
- RGB
- rgb(96 110 121)
- HSL
- hsl(206 12% 43%)
- HWB
- hwb(206 38% 53%)
- OKLCH
- oklch(0.53 0.024 241.7)
- OKLab
- oklab(0.53 -0.011 -0.021)
- CIE Lab
- lab(45.55 -3.51 -8)
- LCH
- lch(45.55 8.74 246.3)
- CMYK
- cmyk(21% 9% 0% 53%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 6F7B86
- 7E8992
- 8D979F
- 9CA5AD
- ACB4BA
- BCC2C7
- CDD1D5
- DDE0E3
- EEF0F1
Sắc đậm
- 525F68
- 455058
- 384148
- 2C3339
- 20262B
- 15191D
- 0A0E10
- 030405
- 000101
Sắc xám
- 63707A
- 66727A
- 6A737B
- 6D757C
- 70777D
- 73797D
- 767B7E
- 7A7C7F
- 7D7E7F
Hòa sắc
Bổ túc +180°
- 606E79
Batman
- 77695E
≈ Cocoa Powder
Tương đồng -30° +30°
- 606E79
Batman
- 5C7074
≈ Portsmouth Blue
- 676B7A
≈ Wind Cave
Bộ ba +120° +240°
- 606E79
Batman
- 79666B
≈ Rhapsody Rap
- 696E5F
≈ Moss Beach
Bổ túc chia +150° +210°
- 606E79
Batman
- 796763
≈ Bold Brandy
- 716C5C
≈ King’s Court
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.24:1 · APCA Lc 76
Ag
FailTrên nền đen
WCAG 4.00:1 · APCA Lc 26
Màu chữ tốt nhất: #FFFFFF
WCAG 5.24:1 (AA) · APCA Lc 76
Contrast pairs
Đoạn mã
CSS
:root {
--batman: #606e79;
--batman-rgb: 96 110 121;
--batman-oklch: oklch(0.53 0.024 241.7);
}
.element {
color: var(--batman);
background-color: hsl(206 12% 43%);
border-color: oklch(0.53 0.024 241.7);
}Tailwind CSS v4
@theme {
--color-batman: #606e79;
--color-batman-50: #f0f6fc;
--color-batman-100: #e1e9f0;
--color-batman-200: #ccd6de;
--color-batman-300: #adb9c3;
--color-batman-400: #92a1ac;
--color-batman-500: #798995;
--color-batman-600: #66747e;
--color-batman-700: #525c65;
--color-batman-800: #3b444a;
--color-batman-900: #282f33;
--color-batman-950: #161b1f;
}SCSS
$batman: #606e79;
$batman-rgb: 96, 110, 121;
$batman-light: mix(#fff, $batman, 20%);
$batman-dark: mix(#000, $batman, 20%);
.element {
color: $batman;
box-shadow: 0 0 0 2px rgba($batman, 0.35);
}