Nazwany kolor · #800020
Oxblood
Oxblood to #800020: rgb(128 0 32), hsl(345 100% 25%), oklch(0.38 0.152 18.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Oxblood color name →
#800020
oklch(0.38 0.152 18.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8F2934
- 9E4349
- AC5A5D
- B97173
- C68889
- D3A0A0
- DEB7B7
- EACFCE
- F5E7E6
Odcienie ciemniejsze
- 6E001A
- 5D0015
- 4D000F
- 3D000A
- 2E0006
- 1F0003
- 120001
- 060000
- 010000
Tony
- 821B2A
- 842B33
- 85383D
- 864346
- 864E4F
- 865859
- 866363
- 846C6C
- 837676
Harmonie kolorów
Komplementarna +180°
- 800020
Oxblood
- 004D4F
≈ Dark Teal
Analogowa -30° +30°
- 800020
Oxblood
- 77094F
≈ Lucky Wine
- 6C2D00
≈ Cold Press Coffee
Triada +120° +240°
- 800020
Oxblood
- 1A5000
≈ Greeeeeeen
- 003D8D
≈ Mystery Oceans
Komplementarna rozszczepiona +150° +210°
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 10.83:1 · APCA Lc 93
Ag
FailNa czerni
WCAG 1.93:1 · APCA Lc 10
Najlepszy kolor tekstu: #FFFFFF
WCAG 10.83:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmenty kodu
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);
}