En yakın adlandırılmış renk · #643E1F
#643E1F
En yakın adlandırılmış renk: Van Dyke Brown
#643E1F (rgb(100 62 31), hsl(27 53% 26%), oklch(0.402 0.07 58.1)) en çok Van Dyke Brown adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#643E1F
oklch(0.402 0.07 58.1)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 735034
- 826249
- 91745E
- A18774
- B09A8A
- C0ADA0
- CFC1B7
- DFD6CF
- EFEAE7
Koyu tonlar
- 563519
- 482B14
- 3B230F
- 2E1A0A
- 221206
- 160A03
- 0B0401
- 030100
- 000000
Gri tonlar
- 674529
- 6A4B33
- 6D523D
- 705847
- 735F50
- 76655A
- 796C63
- 7B736D
- 7E7976
Renk uyumları
Tamamlayıcı +180°
- 643E1F
Van Dyke Brown
- 1E4D69
≈ Seafarer
Analog -30° +30°
- 643E1F
Van Dyke Brown
- 693933
≈ Hot Chocolate
- 584615
≈ Mud Brown
Üçlü +120° +240°
- 643E1F
Van Dyke Brown
- 0C5448
≈ Breathe Deeply
- 4D3F69
≈ Geode
Bölünmüş tamamlayıcı +150° +210°
- 643E1F
Van Dyke Brown
- 00525C
≈ Blue Period
- 38466E
≈ Forlorn Cruise
Dörtlü +90° +180° +270°
- 643E1F
Van Dyke Brown
- 2C5232
≈ Kaitoke Green
- 1E4D69
≈ Seafarer
- 5C3A5B
≈ Purple Wineberry
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 9.33:1 · APCA Lc 91
Ag
FailSiyah üzerinde
WCAG 2.25:1 · APCA Lc 11
En iyi metin rengi: #FFFFFF
WCAG 9.33:1 (AAA) · APCA Lc 91
Contrast pairs
Kod parçacıkları
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);
}