Màu có tên gần nhất · #2F392E
#2F392E
Màu có tên gần nhất: Terminal Black
#2F392E (rgb(47 57 46), hsl(115 11% 20%), oklch(0.332 0.023 142.6)) gần nhất với màu có tên Terminal Black. 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.
#2F392E
oklch(0.332 0.023 142.6)
Chuyển đổi màu
- HEX
- #2f392e
- RGB
- rgb(47 57 46)
- HSL
- hsl(115 11% 20%)
- HWB
- hwb(115 18% 78%)
- OKLCH
- oklch(0.332 0.023 142.6)
- OKLab
- oklab(0.332 -0.019 0.014)
- CIE Lab
- lab(22.76 -6.3 5.43)
- LCH
- lch(22.76 8.31 139.2)
- CMYK
- cmyk(18% 0% 19% 78%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 414A40
- 545C53
- 676F66
- 7B827B
- 90968F
- A5AAA5
- BBBFBB
- D1D4D1
- E8E9E8
Sắc đậm
- 273027
- 20281F
- 191F18
- 121712
- 0C100B
- 060906
- 030402
- 010101
- 000000
Sắc xám
- 374036
- 3E463D
- 464D45
- 4E544D
- 565B55
- 5E635E
- 666A66
- 6F716F
- 777977
Hòa sắc
Bổ túc +180°
- 2F392E
Terminal Black
- 3C323D
≈ Zeus Palace
Tương đồng -30° +30°
- 2F392E
Terminal Black
- 363729
≈ Matcha Ash
- 2A3A34
≈ Tetsu Black
Bộ ba +120° +240°
- 2F392E
Terminal Black
- 2F3642
≈ Supernatural
- 413130
≈ Auberge
Bổ túc chia +150° +210°
- 2F392E
Terminal Black
- 363441
≈ Sceptre Blue
- 403137
≈ Disappearing Purple
Bộ bốn +90° +180° +270°
- 2F392E
Terminal Black
- 2A3840
≈ Electromagnetic
- 3C323D
≈ Zeus Palace
- 40332B
≈ Slugger
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 12.03:1 · APCA Lc 98
Ag
FailTrên nền đen
WCAG 1.74:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 12.03:1 (AAA) · APCA Lc 98
Contrast pairs
Đoạn mã
CSS
:root {
--terminal-black: #2f392e;
--terminal-black-rgb: 47 57 46;
--terminal-black-oklch: oklch(0.332 0.023 142.6);
}
.element {
color: var(--terminal-black);
background-color: hsl(115 11% 20%);
border-color: oklch(0.332 0.023 142.6);
}Tailwind CSS v4
@theme {
--color-terminal-black: #2f392e;
--color-terminal-black-50: #f1f7f1;
--color-terminal-black-100: #e3eae3;
--color-terminal-black-200: #ced7ce;
--color-terminal-black-300: #b0bbb0;
--color-terminal-black-400: #97a296;
--color-terminal-black-500: #7e8a7c;
--color-terminal-black-600: #6a7569;
--color-terminal-black-700: #555e54;
--color-terminal-black-800: #3e443d;
--color-terminal-black-900: #2b2f2a;
--color-terminal-black-950: #181c17;
}SCSS
$terminal-black: #2f392e;
$terminal-black-rgb: 47, 57, 46;
$terminal-black-light: mix(#fff, $terminal-black, 20%);
$terminal-black-dark: mix(#000, $terminal-black, 20%);
.element {
color: $terminal-black;
box-shadow: 0 0 0 2px rgba($terminal-black, 0.35);
}