Màu có tên gần nhất · #A6312A
#A6312A
Màu có tên gần nhất: Blood Rush
#A6312A (rgb(166 49 42), hsl(3 60% 41%), oklch(0.49 0.154 27.7)) gần nhất với màu có tên Blood Rush. 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.
#A6312A
oklch(0.49 0.154 27.7)
Chuyển đổi màu
- HEX
- #a6312a
- RGB
- rgb(166 49 42)
- HSL
- hsl(3 60% 41%)
- HWB
- hwb(3 16% 35%)
- OKLCH
- oklch(0.49 0.154 27.7)
- OKLab
- oklab(0.49 0.137 0.072)
- CIE Lab
- lab(39.29 48.2 33.12)
- LCH
- lch(39.29 58.48 34.5)
- CMYK
- cmyk(0% 70% 75% 35%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B1483F
- BC5E54
- C67268
- D0867D
- D99A91
- E2AEA7
- EAC2BC
- F1D6D2
- F8EAE8
Sắc đậm
- 902923
- 7A221C
- 651A16
- 511310
- 3E0C0A
- 2B0605
- 1A0302
- 0A0101
- 010000
Sắc xám
- A43C34
- A1463D
- 9F4F46
- 9B574E
- 985E57
- 94655F
- 906C67
- 8B7370
- 867A78
Hòa sắc
Bổ túc +180°
- A6312A
Blood Rush
- 006D79
≈ Carnival Night
Tương đồng -30° +30°
- A6312A
Blood Rush
- A02F60
≈ Parlour Red
- 904C00
≈ Parasite Brown
Bộ ba +120° +240°
- A6312A
Blood Rush
- 00752B
≈ Clear Green
- 3B57B7
≈ Blasphemous Blue
Bổ túc chia +150° +210°
- A6312A
Blood Rush
- 007160
≈ Falcon Turquoise
- 006896
≈ Europe Blue
Bộ bốn +90° +180° +270°
- A6312A
Blood Rush
- 5B6800
≈ Mud Green
- 006D79
≈ Carnival Night
- 6C47AB
≈ Studio
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 6.78:1 · APCA Lc 82
Ag
FailTrên nền đen
WCAG 3.09:1 · APCA Lc 20
Màu chữ tốt nhất: #FFFFFF
WCAG 6.78:1 (AA) · APCA Lc 82
Contrast pairs
Đoạn mã
CSS
:root {
--blood-rush: #a6312a;
--blood-rush-rgb: 166 49 42;
--blood-rush-oklch: oklch(0.49 0.154 27.7);
}
.element {
color: var(--blood-rush);
background-color: hsl(3 60% 41%);
border-color: oklch(0.49 0.154 27.7);
}Tailwind CSS v4
@theme {
--color-blood-rush: #a6312a;
--color-blood-rush-50: #ffe6dc;
--color-blood-rush-100: #ffd5ca;
--color-blood-rush-200: #ffbcae;
--color-blood-rush-300: #fc9888;
--color-blood-rush-400: #eb776a;
--color-blood-rush-500: #d95449;
--color-blood-rush-600: #b8483f;
--color-blood-rush-700: #943932;
--color-blood-rush-800: #6e2825;
--color-blood-rush-900: #4e1b19;
--color-blood-rush-950: #330b09;
}SCSS
$blood-rush: #a6312a;
$blood-rush-rgb: 166, 49, 42;
$blood-rush-light: mix(#fff, $blood-rush, 20%);
$blood-rush-dark: mix(#000, $blood-rush, 20%);
.element {
color: $blood-rush;
box-shadow: 0 0 0 2px rgba($blood-rush, 0.35);
}