Màu có tên gần nhất · #58716A
#58716A
Màu có tên gần nhất: Dark Forest
#58716A (rgb(88 113 106), hsl(163 12% 39%), oklch(0.526 0.031 176.1)) gần nhất với màu có tên Dark Forest. 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.
#58716A
oklch(0.526 0.031 176.1)
Chuyển đổi màu
- HEX
- #58716a
- RGB
- rgb(88 113 106)
- HSL
- hsl(163 12% 39%)
- HWB
- hwb(163 35% 56%)
- OKLCH
- oklch(0.526 0.031 176.1)
- OKLab
- oklab(0.526 -0.031 0.002)
- CIE Lab
- lab(45.47 -10.73 0.72)
- LCH
- lch(45.47 10.75 176.2)
- CMYK
- cmyk(22% 0% 6% 56%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 687E78
- 778C86
- 879994
- 98A7A3
- A8B6B2
- B9C4C1
- CAD2D0
- DCE1DF
- EDF0EF
Sắc đậm
- 4B615B
- 3F524D
- 33433F
- 283531
- 1D2724
- 121A18
- 090E0D
- 030404
- 000100
Sắc xám
- 5C736C
- 60746E
- 647671
- 687773
- 6C7975
- 707A77
- 747C79
- 787D7C
- 7C7F7E
Hòa sắc
Bổ túc +180°
- 58716A
Dark Forest
- 7A646B
≈ Ephemera
Tương đồng -30° +30°
- 58716A
Dark Forest
- 607060
≈ Bracken Green
- 567074
≈ Juniper Berries
Bộ ba +120° +240°
- 58716A
Dark Forest
- 6C677B
≈ Unexplained
- 79665A
≈ Braid
Bổ túc chia +150° +210°
- 58716A
Dark Forest
- 756575
≈ Burnt Ash
- 7C6461
≈ Deep Taupe
Bộ bốn +90° +180° +270°
- 58716A
Dark Forest
- 626B7E
≈ Ashen Whisper
- 7A646B
≈ Ephemera
- 736A56
≈ Landmark
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 5.26:1 · APCA Lc 76
Ag
FailTrên nền đen
WCAG 3.98:1 · APCA Lc 26
Màu chữ tốt nhất: #FFFFFF
WCAG 5.26:1 (AA) · APCA Lc 76
Contrast pairs
Đoạn mã
CSS
:root {
--dark-forest: #58716a;
--dark-forest-rgb: 88 113 106;
--dark-forest-oklch: oklch(0.526 0.031 176.1);
}
.element {
color: var(--dark-forest);
background-color: hsl(163 12% 39%);
border-color: oklch(0.526 0.031 176.1);
}Tailwind CSS v4
@theme {
--color-dark-forest: #58716a;
--color-dark-forest-50: #ecf8f5;
--color-dark-forest-100: #ddebe8;
--color-dark-forest-200: #c7d9d4;
--color-dark-forest-300: #a7bdb7;
--color-dark-forest-400: #8ca59e;
--color-dark-forest-500: #718d85;
--color-dark-forest-600: #607871;
--color-dark-forest-700: #4c605a;
--color-dark-forest-800: #374641;
--color-dark-forest-900: #26302d;
--color-dark-forest-950: #141d1a;
}SCSS
$dark-forest: #58716a;
$dark-forest-rgb: 88, 113, 106;
$dark-forest-light: mix(#fff, $dark-forest, 20%);
$dark-forest-dark: mix(#000, $dark-forest, 20%);
.element {
color: $dark-forest;
box-shadow: 0 0 0 2px rgba($dark-forest, 0.35);
}