最接近的命名颜色 · #643E1F
#643E1F
最接近的命名颜色: Van Dyke Brown
#643E1F（rgb(100 62 31)、hsl(27 53% 26%)、oklch(0.402 0.07 58.1)）最接近命名颜色 Van Dyke Brown。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#643E1F
oklch(0.402 0.07 58.1)
颜色转换
- HEX
- #643e1f
- RGB
- rgb(100 62 31)
- HSL
- hsl(27 53% 26%)
- HWB
- hwb(27 12% 61%)
- OKLCH
- oklch(0.402 0.07 58.1)
- OKLab
- oklab(0.402 0.037 0.059)
- CIE Lab
- lab(30.33 14.75 25.89)
- LCH
- lch(30.33 29.79 60.3)
- CMYK
- cmyk(0% 38% 69% 61%)
浅色调 · 深色调 · 灰色调
浅色调
- 735034
- 826249
- 91745E
- A18774
- B09A8A
- C0ADA0
- CFC1B7
- DFD6CF
- EFEAE7
深色调
- 563519
- 482B14
- 3B230F
- 2E1A0A
- 221206
- 160A03
- 0B0401
- 030100
- 000000
灰色调
- 674529
- 6A4B33
- 6D523D
- 705847
- 735F50
- 76655A
- 796C63
- 7B736D
- 7E7976
配色和谐
互补色 +180°
- 643E1F
Van Dyke Brown
- 1E4D69
≈ Seafarer
类似色 -30° +30°
- 643E1F
Van Dyke Brown
- 693933
≈ Hot Chocolate
- 584615
≈ Mud Brown
三角配色 +120° +240°
- 643E1F
Van Dyke Brown
- 0C5448
≈ Breathe Deeply
- 4D3F69
≈ Geode
分裂互补色 +150° +210°
- 643E1F
Van Dyke Brown
- 00525C
≈ Blue Period
- 38466E
≈ Forlorn Cruise
四角配色 +90° +180° +270°
- 643E1F
Van Dyke Brown
- 2C5232
≈ Kaitoke Green
- 1E4D69
≈ Seafarer
- 5C3A5B
≈ Purple Wineberry
对比度与无障碍
Ag
AAA白底
WCAG 9.33:1 · APCA Lc 91
Ag
Fail黑底
WCAG 2.25:1 · APCA Lc 11
最佳文字颜色: #FFFFFF
WCAG 9.33:1 (AAA) · APCA Lc 91
Contrast pairs
代码片段
CSS
:root {
--van-dyke-brown: #643e1f;
--van-dyke-brown-rgb: 100 62 31;
--van-dyke-brown-oklch: oklch(0.402 0.07 58.1);
}
.element {
color: var(--van-dyke-brown);
background-color: hsl(27 53% 26%);
border-color: oklch(0.402 0.07 58.1);
}Tailwind CSS v4
@theme {
--color-van-dyke-brown: #643e1f;
--color-van-dyke-brown-50: #fff1e2;
--color-van-dyke-brown-100: #fae3d1;
--color-van-dyke-brown-200: #ebceb7;
--color-van-dyke-brown-300: #d3b094;
--color-van-dyke-brown-400: #be9576;
--color-van-dyke-brown-500: #a97b57;
--color-van-dyke-brown-600: #8f684a;
--color-van-dyke-brown-700: #73533b;
--color-van-dyke-brown-800: #553c2a;
--color-van-dyke-brown-900: #3b291c;
--color-van-dyke-brown-950: #25170d;
}SCSS
$van-dyke-brown: #643e1f;
$van-dyke-brown-rgb: 100, 62, 31;
$van-dyke-brown-light: mix(#fff, $van-dyke-brown, 20%);
$van-dyke-brown-dark: mix(#000, $van-dyke-brown, 20%);
.element {
color: $van-dyke-brown;
box-shadow: 0 0 0 2px rgba($van-dyke-brown, 0.35);
}