Màu có tên gần nhất · #643E1F
#643E1F
Màu có tên gần nhất: Van Dyke Brown
#643E1F (rgb(100 62 31), hsl(27 53% 26%), oklch(0.402 0.07 58.1)) gần nhất với màu có tên Van Dyke Brown. 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.
#643E1F
oklch(0.402 0.07 58.1)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 735034
- 826249
- 91745E
- A18774
- B09A8A
- C0ADA0
- CFC1B7
- DFD6CF
- EFEAE7
Sắc đậm
- 563519
- 482B14
- 3B230F
- 2E1A0A
- 221206
- 160A03
- 0B0401
- 030100
- 000000
Sắc xám
- 674529
- 6A4B33
- 6D523D
- 705847
- 735F50
- 76655A
- 796C63
- 7B736D
- 7E7976
Hòa sắc
Bổ túc +180°
- 643E1F
Van Dyke Brown
- 1E4D69
≈ Seafarer
Tương đồng -30° +30°
- 643E1F
Van Dyke Brown
- 693933
≈ Hot Chocolate
- 584615
≈ Mud Brown
Bộ ba +120° +240°
- 643E1F
Van Dyke Brown
- 0C5448
≈ Breathe Deeply
- 4D3F69
≈ Geode
Bổ túc chia +150° +210°
- 643E1F
Van Dyke Brown
- 00525C
≈ Blue Period
- 38466E
≈ Forlorn Cruise
Bộ bốn +90° +180° +270°
- 643E1F
Van Dyke Brown
- 2C5232
≈ Kaitoke Green
- 1E4D69
≈ Seafarer
- 5C3A5B
≈ Purple Wineberry
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 9.33:1 · APCA Lc 91
Ag
FailTrên nền đen
WCAG 2.25:1 · APCA Lc 11
Màu chữ tốt nhất: #FFFFFF
WCAG 9.33:1 (AAA) · APCA Lc 91
Contrast pairs
Đoạn mã
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);
}