Named color · #8A0303
Blood Omen
Blood Omen is #8A0303: rgb(138 3 3), hsl(0 96% 28%), oklch(0.399 0.162 28.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Blood Omen color name →
#8A0303
oklch(0.399 0.162 28.9)
Color conversions
- HEX
- #8a0303
- RGB
- rgb(138 3 3)
- HSL
- hsl(0 96% 28%)
- HWB
- hwb(0 1% 46%)
- OKLCH
- oklch(0.399 0.162 28.9)
- OKLab
- oklab(0.399 0.142 0.078)
- CIE Lab
- lab(28.71 50.74 41.42)
- LCH
- lch(28.71 65.5 39.2)
- CMYK
- cmyk(0% 98% 98% 46%)
Tints · Shades · Tones
Tints
- 982C23
- A6463B
- B35E52
- C0756A
- CC8B81
- D7A29A
- E2B9B2
- ECD0CB
- F6E7E5
Shades
- 770202
- 650202
- 530101
- 420101
- 320000
- 220000
- 140000
- 070000
- 010000
Tones
- 8B1E17
- 8C2E25
- 8C3B31
- 8C463D
- 8B5148
- 8A5B53
- 89645E
- 876E6A
- 847775
Color harmonies
Complementary +180°
- 8A0303
Blood Omen
- 00515B
≈ Kali Blue
Analogous -30° +30°
- 8A0303
Blood Omen
- 840146
≈ Renanthera Orchid
- 6C3800
≈ Bestial Brown
Triadic +120° +240°
- 8A0303
Blood Omen
- 005722
≈ Caliban Green
- 263A9D
≈ Liquid Denim
Split-complementary +150° +210°
- 8A0303
Blood Omen
- 005448
≈ Breathe Deeply
- 004D72
≈ Pompeii Blue
Tetradic +90° +180° +270°
- 8A0303
Blood Omen
- 424E00
≈ No Emissions Green
- 00515B
≈ Kali Blue
- 562890
≈ KSU Purple
Contrast & accessibility
Ag
AAAOn white
WCAG 10.02:1 · APCA Lc 91
Ag
FailOn black
WCAG 2.09:1 · APCA Lc 11
Best text color: #FFFFFF
WCAG 10.02:1 (AAA) · APCA Lc 91
Contrast pairs
Code snippets
CSS
:root {
--blood-omen: #8a0303;
--blood-omen-rgb: 138 3 3;
--blood-omen-oklch: oklch(0.399 0.162 28.9);
}
.element {
color: var(--blood-omen);
background-color: hsl(0 96% 28%);
border-color: oklch(0.399 0.162 28.9);
}Tailwind CSS v4
@theme {
--color-blood-omen: #8a0303;
--color-blood-omen-50: #ffe5d9;
--color-blood-omen-100: #ffd5c7;
--color-blood-omen-200: #ffbaaa;
--color-blood-omen-300: #ff9784;
--color-blood-omen-400: #ef7465;
--color-blood-omen-500: #dd5142;
--color-blood-omen-600: #ba4539;
--color-blood-omen-700: #96372d;
--color-blood-omen-800: #702722;
--color-blood-omen-900: #4f1a16;
--color-blood-omen-950: #340908;
}SCSS
$blood-omen: #8a0303;
$blood-omen-rgb: 138, 3, 3;
$blood-omen-light: mix(#fff, $blood-omen, 20%);
$blood-omen-dark: mix(#000, $blood-omen, 20%);
.element {
color: $blood-omen;
box-shadow: 0 0 0 2px rgba($blood-omen, 0.35);
}