Màu có tên gần nhất · #2F3726
#2F3726
Màu có tên gần nhất: Marshland
#2F3726 (rgb(47 55 38), hsl(88 18% 18%), oklch(0.324 0.031 128.5)) gần nhất với màu có tên Marshland. 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.
#2F3726
oklch(0.324 0.031 128.5)
Chuyển đổi màu
- HEX
- #2f3726
- RGB
- rgb(47 55 38)
- HSL
- hsl(88 18% 18%)
- HWB
- hwb(88 15% 78%)
- OKLCH
- oklch(0.324 0.031 128.5)
- OKLab
- oklab(0.324 -0.019 0.024)
- CIE Lab
- lab(21.9 -6.33 9.52)
- LCH
- lch(21.9 11.43 123.6)
- CMYK
- cmyk(15% 0% 31% 78%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 414839
- 545B4C
- 676D60
- 7B8175
- 90958B
- A5A9A1
- BBBEB8
- D1D3CF
- E8E9E7
Sắc đậm
- 272E20
- 202619
- 191E13
- 12160D
- 0C0F08
- 060804
- 030302
- 010101
- 000000
Sắc xám
- 363E2E
- 3E4537
- 464C3F
- 4E5348
- 565A51
- 5E625A
- 666964
- 6F716D
- 777876
Hòa sắc
Bổ túc +180°
- 2F3726
Marshland
- 383040
≈ Oil Rush
Tương đồng -30° +30°
- 2F3726
Marshland
- 383422
≈ Lebanon Cedar
- 26392E
≈ Palm Green
Bộ ba +120° +240°
- 2F3726
Marshland
- 273543
≈ Tahitian Pearl
- 422D31
≈ Chocolate Plum
Bổ túc chia +150° +210°
- 2F3726
Marshland
- 303244
≈ Oil Rush
- 3F2E39
≈ Disappearing Purple
Bộ bốn +90° +180° +270°
- 2F3726
Marshland
- 21383E
≈ Nordic
- 383040
≈ Oil Rush
- 422E28
≈ Chinese Ink
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 12.38:1 · APCA Lc 98
Ag
FailTrên nền đen
WCAG 1.69:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 12.38:1 (AAA) · APCA Lc 98
Contrast pairs
Đoạn mã
CSS
:root {
--marshland: #2f3726;
--marshland-rgb: 47 55 38;
--marshland-oklch: oklch(0.324 0.031 128.5);
}
.element {
color: var(--marshland);
background-color: hsl(88 18% 18%);
border-color: oklch(0.324 0.031 128.5);
}Tailwind CSS v4
@theme {
--color-marshland: #2f3726;
--color-marshland-50: #f2f7ee;
--color-marshland-100: #e4eadf;
--color-marshland-200: #d0d7ca;
--color-marshland-300: #b2bbab;
--color-marshland-400: #99a28f;
--color-marshland-500: #808a75;
--color-marshland-600: #6c7563;
--color-marshland-700: #575e4f;
--color-marshland-800: #3f4439;
--color-marshland-900: #2c2f27;
--color-marshland-950: #191c15;
}SCSS
$marshland: #2f3726;
$marshland-rgb: 47, 55, 38;
$marshland-light: mix(#fff, $marshland, 20%);
$marshland-dark: mix(#000, $marshland, 20%);
.element {
color: $marshland;
box-shadow: 0 0 0 2px rgba($marshland, 0.35);
}