Nächste benannte Farbe · #580003
#580003
Nächste benannte Farbe: Vampire Hunter
#580003 (rgb(88 0 3), hsl(358 100% 17%), oklch(0.289 0.118 27.6)) liegt am nächsten an der benannten Farbe Vampire Hunter. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#580003
oklch(0.289 0.118 27.6)
Farbumrechnungen
- HEX
- #580003
- RGB
- rgb(88 0 3)
- HSL
- hsl(358 100% 17%)
- HWB
- hwb(358 0% 65%)
- OKLCH
- oklch(0.289 0.118 27.6)
- OKLab
- oklab(0.289 0.105 0.055)
- CIE Lab
- lab(16.39 37.26 24.46)
- LCH
- lch(16.39 44.58 33.3)
- CMYK
- cmyk(0% 100% 97% 65%)
Tints · Shades · Tones
Tints
- 6A201B
- 7C3932
- 8D5149
- 9E6861
- AF807A
- BF9993
- D0B1AD
- E0CBC8
- EFE5E3
Shades
- 4B0002
- 3F0002
- 330001
- 280001
- 1D0000
- 120000
- 090000
- 030000
- 000000
Tones
- 5E1411
- 63231E
- 682F2A
- 6D3B36
- 714742
- 75524E
- 785E5A
- 7B6967
- 7E7573
Farbharmonien
Komplementär +180°
- 580003
Vampire Hunter
- 003238
≈ Artist Blue
Analog -30° +30°
- 580003
Vampire Hunter
- 54002B
≈ Fig Balsamic
- 442100
≈ Blackened Brown
Triadisch +120° +240°
- 580003
Vampire Hunter
- 00360F
≈ Haunted Hills
- 122265
≈ Pure Midnight
Geteilt komplementär +150° +210°
- 580003
Vampire Hunter
- 00342B
≈ Fence Green
- 002F47
≈ Cosmos Blue
Tetradisch +90° +180° +270°
- 580003
Vampire Hunter
- 292F00
≈ Blind Forest
- 003238
≈ Artist Blue
- 34165D
≈ Fabric of Space
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 14.82:1 · APCA Lc 100
Ag
FailAuf Schwarz
WCAG 1.41:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 14.82:1 (AAA) · APCA Lc 100
Contrast pairs
Code-Snippets
CSS
:root {
--vampire-hunter: #580003;
--vampire-hunter-rgb: 88 0 3;
--vampire-hunter-oklch: oklch(0.289 0.118 27.6);
}
.element {
color: var(--vampire-hunter);
background-color: hsl(358 100% 17%);
border-color: oklch(0.289 0.118 27.6);
}Tailwind CSS v4
@theme {
--color-vampire-hunter: #580003;
--color-vampire-hunter-50: #ffe9e2;
--color-vampire-hunter-100: #ffdad1;
--color-vampire-hunter-200: #ffc2b7;
--color-vampire-hunter-300: #eea194;
--color-vampire-hunter-400: #db8277;
--color-vampire-hunter-500: #c86459;
--color-vampire-hunter-600: #a9554c;
--color-vampire-hunter-700: #88443d;
--color-vampire-hunter-800: #65302d;
--color-vampire-hunter-900: #47211e;
--color-vampire-hunter-950: #2e100e;
}SCSS
$vampire-hunter: #580003;
$vampire-hunter-rgb: 88, 0, 3;
$vampire-hunter-light: mix(#fff, $vampire-hunter, 20%);
$vampire-hunter-dark: mix(#000, $vampire-hunter, 20%);
.element {
color: $vampire-hunter;
box-shadow: 0 0 0 2px rgba($vampire-hunter, 0.35);
}