Benannte Farbe · #6B1B2A
Velvet Outbreak
Velvet Outbreak ist #6B1B2A: rgb(107 27 42), hsl(349 60% 26%), oklch(0.358 0.112 14.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Velvet Outbreak color name →
#6B1B2A
oklch(0.358 0.112 14.2)
Farbumrechnungen
- HEX
- #6b1b2a
- RGB
- rgb(107 27 42)
- HSL
- hsl(349 60% 26%)
- HWB
- hwb(349 11% 58%)
- OKLCH
- oklch(0.358 0.112 14.2)
- OKLab
- oklab(0.358 0.109 0.028)
- CIE Lab
- lab(24.31 36.44 11.97)
- LCH
- lch(24.31 38.35 18.2)
- CMYK
- cmyk(0% 75% 61% 58%)
Tints · Shades · Tones
Tints
- 7B333C
- 8B4950
- 9A5E64
- A97478
- B88A8D
- C7A1A3
- D5B8B9
- E3CFD0
- F1E7E7
Shades
- 5C1623
- 4E111C
- 3F0C16
- 320810
- 25050A
- 180205
- 0D0102
- 040001
- 000000
Tones
- 6F2732
- 72323A
- 753D43
- 78474B
- 7A5054
- 7C5A5C
- 7D6365
- 7F6D6E
- 807677
Farbharmonien
Komplementär +180°
- 6B1B2A
Velvet Outbreak
- 004646
≈ Cyprus
Analog -30° +30°
- 6B1B2A
Velvet Outbreak
- 631E4B
≈ Plum Caspia
- 672500
≈ Roastery
Triadisch +120° +240°
- 6B1B2A
Velvet Outbreak
- 234800
≈ Dark Fern
- 023C75
≈ Azure Dragon
Geteilt komplementär +150° +210°
- 6B1B2A
Velvet Outbreak
- 004932
≈ Alaskan Moss
- 004457
≈ Crab Nebula
Tetradisch +90° +180° +270°
- 6B1B2A
Velvet Outbreak
- 433E00
≈ Xanthophobia
- 004646
≈ Cyprus
- 383074
≈ Ballpoint Indigo
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 11.56:1 · APCA Lc 96
Ag
FailAuf Schwarz
WCAG 1.81:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 11.56:1 (AAA) · APCA Lc 96
Contrast pairs
Code-Snippets
CSS
:root {
--velvet-outbreak: #6b1b2a;
--velvet-outbreak-rgb: 107 27 42;
--velvet-outbreak-oklch: oklch(0.358 0.112 14.2);
}
.element {
color: var(--velvet-outbreak);
background-color: hsl(349 60% 26%);
border-color: oklch(0.358 0.112 14.2);
}Tailwind CSS v4
@theme {
--color-velvet-outbreak: #6b1b2a;
--color-velvet-outbreak-50: #ffe9ea;
--color-velvet-outbreak-100: #ffd9db;
--color-velvet-outbreak-200: #ffc1c4;
--color-velvet-outbreak-300: #eba0a4;
--color-velvet-outbreak-400: #d8828a;
--color-velvet-outbreak-500: #c5646f;
--color-velvet-outbreak-600: #a6555e;
--color-velvet-outbreak-700: #86444b;
--color-velvet-outbreak-800: #633138;
--color-velvet-outbreak-900: #462126;
--color-velvet-outbreak-950: #2d1014;
}SCSS
$velvet-outbreak: #6b1b2a;
$velvet-outbreak-rgb: 107, 27, 42;
$velvet-outbreak-light: mix(#fff, $velvet-outbreak, 20%);
$velvet-outbreak-dark: mix(#000, $velvet-outbreak, 20%);
.element {
color: $velvet-outbreak;
box-shadow: 0 0 0 2px rgba($velvet-outbreak, 0.35);
}