Colore con nome · #800020
Oxblood
Oxblood è #800020: rgb(128 0 32), hsl(345 100% 25%), oklch(0.38 0.152 18.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Oxblood color name →
#800020
oklch(0.38 0.152 18.6)
Conversioni di colore
- HEX
- #800020
- RGB
- rgb(128 0 32)
- HSL
- hsl(345 100% 25%)
- HWB
- hwb(345 0% 50%)
- OKLCH
- oklch(0.38 0.152 18.6)
- OKLab
- oklab(0.38 0.144 0.049)
- CIE Lab
- lab(26.42 49.05 22.59)
- LCH
- lch(26.42 54 24.7)
- CMYK
- cmyk(0% 100% 75% 50%)
Tinte · Ombre · Toni
Tinte
- 8F2934
- 9E4349
- AC5A5D
- B97173
- C68889
- D3A0A0
- DEB7B7
- EACFCE
- F5E7E6
Ombre
- 6E001A
- 5D0015
- 4D000F
- 3D000A
- 2E0006
- 1F0003
- 120001
- 060000
- 010000
Toni
- 821B2A
- 842B33
- 85383D
- 864346
- 864E4F
- 865859
- 866363
- 846C6C
- 837676
Armonie di colore
Complementare +180°
- 800020
Oxblood
- 004D4F
≈ Dark Teal
Analogo -30° +30°
- 800020
Oxblood
- 77094F
≈ Lucky Wine
- 6C2D00
≈ Cold Press Coffee
Triadico +120° +240°
- 800020
Oxblood
- 1A5000
≈ Greeeeeeen
- 003D8D
≈ Mystery Oceans
Complementare divisa +150° +210°
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 10.83:1 · APCA Lc 93
Ag
FailSu nero
WCAG 1.93:1 · APCA Lc 10
Miglior colore del testo: #FFFFFF
WCAG 10.83:1 (AAA) · APCA Lc 93
Contrast pairs
Frammenti di codice
CSS
:root {
--oxblood: #800020;
--oxblood-rgb: 128 0 32;
--oxblood-oklch: oklch(0.38 0.152 18.6);
}
.element {
color: var(--oxblood);
background-color: hsl(345 100% 25%);
border-color: oklch(0.38 0.152 18.6);
}Tailwind CSS v4
@theme {
--color-oxblood: #800020;
--color-oxblood-50: #ffe5e3;
--color-oxblood-100: #ffd4d2;
--color-oxblood-200: #ffbab9;
--color-oxblood-300: #fc9796;
--color-oxblood-400: #ea757b;
--color-oxblood-500: #d8535e;
--color-oxblood-600: #b74750;
--color-oxblood-700: #93393f;
--color-oxblood-800: #6d282f;
--color-oxblood-900: #4d1b20;
--color-oxblood-950: #330a10;
}SCSS
$oxblood: #800020;
$oxblood-rgb: 128, 0, 32;
$oxblood-light: mix(#fff, $oxblood, 20%);
$oxblood-dark: mix(#000, $oxblood, 20%);
.element {
color: $oxblood;
box-shadow: 0 0 0 2px rgba($oxblood, 0.35);
}