Màu có tên gần nhất · #6A3534
#6A3534
Màu có tên gần nhất: Arcane Red
#6A3534 (rgb(106 53 52), hsl(1 34% 31%), oklch(0.397 0.076 22.2)) gần nhất với màu có tên Arcane Red. 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.
#6A3534
oklch(0.397 0.076 22.2)
Chuyển đổi màu
- HEX
- #6a3534
- RGB
- rgb(106 53 52)
- HSL
- hsl(1 34% 31%)
- HWB
- hwb(1 20% 58%)
- OKLCH
- oklch(0.397 0.076 22.2)
- OKLab
- oklab(0.397 0.07 0.029)
- CIE Lab
- lab(29.33 24.02 11.91)
- LCH
- lch(29.33 26.81 26.4)
- CMYK
- cmyk(0% 50% 51% 58%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 794846
- 885A58
- 976E6B
- A6817F
- B59593
- C4AAA8
- D2BEBD
- E1D4D3
- F0E9E9
Sắc đậm
- 5B2D2C
- 4D2524
- 3F1D1C
- 311515
- 240E0E
- 180807
- 0D0303
- 040101
- 000000
Sắc xám
- 6D3D3B
- 704443
- 724C4A
- 755351
- 775B59
- 796261
- 7B6968
- 7D7170
- 7F7878
Hòa sắc
Bổ túc +180°
- 6A3534
Arcane Red
- 005157
≈ Cathedral View
Tương đồng -30° +30°
- 6A3534
Arcane Red
- 66354B
≈ Grape Wine
- 673A1D
≈ Cassiterite Brown
Bộ ba +120° +240°
- 6A3534
Arcane Red
- 2D512A
≈ Chestnut Green
- 304670
≈ Bona Fide
Bổ túc chia +150° +210°
- 6A3534
Arcane Red
- 035442
≈ Tetsu Green
- 0C4D69
≈ Work Blue
Bộ bốn +90° +180° +270°
- 6A3534
Arcane Red
- 484B13
≈ No Emissions Green
- 005157
≈ Cathedral View
- 483F6C
≈ Geode
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 9.67:1 · APCA Lc 92
Ag
FailTrên nền đen
WCAG 2.17:1 · APCA Lc 10
Màu chữ tốt nhất: #FFFFFF
WCAG 9.67:1 (AAA) · APCA Lc 92
Contrast pairs
Đoạn mã
CSS
:root {
--arcane-red: #6a3534;
--arcane-red-rgb: 106 53 52;
--arcane-red-oklch: oklch(0.397 0.076 22.2);
}
.element {
color: var(--arcane-red);
background-color: hsl(1 34% 31%);
border-color: oklch(0.397 0.076 22.2);
}Tailwind CSS v4
@theme {
--color-arcane-red: #6a3534;
--color-arcane-red-50: #ffedeb;
--color-arcane-red-100: #ffdfdc;
--color-arcane-red-200: #f3c8c4;
--color-arcane-red-300: #dca9a4;
--color-arcane-red-400: #c88d8a;
--color-arcane-red-500: #b3726f;
--color-arcane-red-600: #97615e;
--color-arcane-red-700: #794d4b;
--color-arcane-red-800: #5a3837;
--color-arcane-red-900: #3f2626;
--color-arcane-red-950: #281414;
}SCSS
$arcane-red: #6a3534;
$arcane-red-rgb: 106, 53, 52;
$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);
}