Màu có tên gần nhất · #202716
#202716
Màu có tên gần nhất: Midnight Pines
#202716 (rgb(32 39 22), hsl(85 28% 12%), oklch(0.26 0.032 126.7)) gần nhất với màu có tên Midnight Pines. 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.
#202716
oklch(0.26 0.032 126.7)
Chuyển đổi màu
- HEX
- #202716
- RGB
- rgb(32 39 22)
- HSL
- hsl(85 28% 12%)
- HWB
- hwb(85 9% 85%)
- OKLCH
- oklch(0.26 0.032 126.7)
- OKLab
- oklab(0.26 -0.019 0.025)
- CIE Lab
- lab(14.54 -6.1 10.18)
- LCH
- lch(14.54 11.87 120.9)
- CMYK
- cmyk(18% 0% 44% 85%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 333929
- 464D3E
- 5B6153
- 70766A
- 878B81
- 9DA199
- B5B8B1
- CDCFCB
- E6E7E5
Sắc đậm
- 1A2012
- 151A0D
- 0F1409
- 0A0E06
- 060803
- 030402
- 010201
- 000100
- 000000
Sắc xám
- 292F20
- 313729
- 3B4033
- 44493E
- 4D5248
- 575B53
- 61645E
- 6B6D69
- 767674
Hòa sắc
Bổ túc +180°
- 202716
Midnight Pines
- 282030
≈ Bleached Cedar
Tương đồng -30° +30°
- 202716
Midnight Pines
- 282412
≈ Black Mesa
- 17291E
≈ Kuro Green
Bộ ba +120° +240°
- 202716
Midnight Pines
- 172633
≈ Abyssal Anchorfish Blue
- 311E21
≈ Black Kite
Bổ túc chia +150° +210°
- 202716
Midnight Pines
- 202334
≈ Black Velvet
- 2E1E2A
≈ Delighted Chimp
Bộ bốn +90° +180° +270°
- 202716
Midnight Pines
- 10282E
≈ Black Box
- 282030
≈ Bleached Cedar
- 321F19
≈ Scorched
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 15.40:1 · APCA Lc 102
Ag
FailTrên nền đen
WCAG 1.36:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 15.40:1 (AAA) · APCA Lc 102
Contrast pairs
Đoạn mã
CSS
:root {
--midnight-pines: #202716;
--midnight-pines-rgb: 32 39 22;
--midnight-pines-oklch: oklch(0.26 0.032 126.7);
}
.element {
color: var(--midnight-pines);
background-color: hsl(85 28% 12%);
border-color: oklch(0.26 0.032 126.7);
}Tailwind CSS v4
@theme {
--color-midnight-pines: #202716;
--color-midnight-pines-50: #f2f7ee;
--color-midnight-pines-100: #e5eadf;
--color-midnight-pines-200: #d0d7c9;
--color-midnight-pines-300: #b2bbaa;
--color-midnight-pines-400: #99a28e;
--color-midnight-pines-500: #818a74;
--color-midnight-pines-600: #6d7562;
--color-midnight-pines-700: #575e4e;
--color-midnight-pines-800: #404439;
--color-midnight-pines-900: #2c2f27;
--color-midnight-pines-950: #191c15;
}SCSS
$midnight-pines: #202716;
$midnight-pines-rgb: 32, 39, 22;
$midnight-pines-light: mix(#fff, $midnight-pines, 20%);
$midnight-pines-dark: mix(#000, $midnight-pines, 20%);
.element {
color: $midnight-pines;
box-shadow: 0 0 0 2px rgba($midnight-pines, 0.35);
}