Nearest named color · #A6312A
#A6312A
Nearest named color: Blood Rush
#A6312A (rgb(166 49 42), hsl(3 60% 41%), oklch(0.49 0.154 27.7)) is closest to the named color Blood Rush. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#A6312A
oklch(0.49 0.154 27.7)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- B1483F
- BC5E54
- C67268
- D0867D
- D99A91
- E2AEA7
- EAC2BC
- F1D6D2
- F8EAE8
Shades
- 902923
- 7A221C
- 651A16
- 511310
- 3E0C0A
- 2B0605
- 1A0302
- 0A0101
- 010000
Tones
- A43C34
- A1463D
- 9F4F46
- 9B574E
- 985E57
- 94655F
- 906C67
- 8B7370
- 867A78
Color harmonies
Complementary +180°
- A6312A
Blood Rush
- 006D79
≈ Carnival Night
Analogous -30° +30°
- A6312A
Blood Rush
- A02F60
≈ Parlour Red
- 904C00
≈ Parasite Brown
Triadic +120° +240°
- A6312A
Blood Rush
- 00752B
≈ Clear Green
- 3B57B7
≈ Blasphemous Blue
Split-complementary +150° +210°
- A6312A
Blood Rush
- 007160
≈ Falcon Turquoise
- 006896
≈ Europe Blue
Tetradic +90° +180° +270°
- A6312A
Blood Rush
- 5B6800
≈ Mud Green
- 006D79
≈ Carnival Night
- 6C47AB
≈ Studio
Contrast & accessibility
Ag
AAOn white
WCAG 6.78:1 · APCA Lc 82
Ag
FailOn black
WCAG 3.09:1 · APCA Lc 20
Best text color: #FFFFFF
WCAG 6.78:1 (AA) · APCA Lc 82
Contrast pairs
Code snippets
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);
}