En yakın adlandırılmış renk · #673332
#673332
En yakın adlandırılmış renk: Arcane Red
#673332 (rgb(103 51 50), hsl(1 35% 30%), oklch(0.389 0.075 22.3)) en çok Arcane Red 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.
#673332
oklch(0.389 0.075 22.3)
Renk dönüşümleri
- HEX
- #673332
- RGB
- rgb(103 51 50)
- HSL
- hsl(1 35% 30%)
- HWB
- hwb(1 20% 60%)
- OKLCH
- oklch(0.389 0.075 22.3)
- OKLab
- oklab(0.389 0.069 0.028)
- CIE Lab
- lab(28.34 23.69 11.79)
- LCH
- lch(28.34 26.46 26.5)
- CMYK
- cmyk(0% 50% 51% 60%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 764644
- 865957
- 956C6A
- A4807E
- B39492
- C2A9A7
- D1BEBC
- E1D3D2
- F0E9E8
Koyu tonlar
- 592B2A
- 4B2322
- 3D1C1B
- 301414
- 230D0D
- 170707
- 0C0303
- 040101
- 000000
Gri tonlar
- 6A3B39
- 6D4341
- 704A48
- 735250
- 765A58
- 786160
- 7A6968
- 7C7170
- 7E7878
Renk uyumları
Tamamlayıcı +180°
- 673332
Arcane Red
- 004F54
≈ Transporter Green
Analog -30° +30°
- 673332
Arcane Red
- 633349
≈ Grape Wine
- 64381B
≈ Cassiterite Brown
Üçlü +120° +240°
- 673332
Arcane Red
- 2B4F28
≈ Chestnut Green
- 2E446D
≈ Blue Funk
Bölünmüş tamamlayıcı +150° +210°
- 673332
Arcane Red
- 015140
≈ Tetsu Green
- 0A4B66
≈ Fresco Blue
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 10.01:1 · APCA Lc 93
Ag
FailSiyah üzerinde
WCAG 2.09:1 · APCA Lc 10
En iyi metin rengi: #FFFFFF
WCAG 10.01:1 (AAA) · APCA Lc 93
Contrast pairs
Kod parçacıkları
CSS
:root {
--arcane-red: #673332;
--arcane-red-rgb: 103 51 50;
--arcane-red-oklch: oklch(0.389 0.075 22.3);
}
.element {
color: var(--arcane-red);
background-color: hsl(1 35% 30%);
border-color: oklch(0.389 0.075 22.3);
}Tailwind CSS v4
@theme {
--color-arcane-red: #673332;
--color-arcane-red-50: #ffedeb;
--color-arcane-red-100: #ffdfdc;
--color-arcane-red-200: #f3c9c5;
--color-arcane-red-300: #dba9a5;
--color-arcane-red-400: #c78d8a;
--color-arcane-red-500: #b3726f;
--color-arcane-red-600: #97615f;
--color-arcane-red-700: #794d4b;
--color-arcane-red-800: #5a3837;
--color-arcane-red-900: #3f2626;
--color-arcane-red-950: #281414;
}SCSS
$arcane-red: #673332;
$arcane-red-rgb: 103, 51, 50;
$arcane-red-light: mix(#fff, $arcane-red, 20%);
$arcane-red-dark: mix(#000, $arcane-red, 20%);
.element {
color: $arcane-red;
box-shadow: 0 0 0 2px rgba($arcane-red, 0.35);
}