Nächste benannte Farbe · #49006B
#49006B
Nächste benannte Farbe: Velvet Vortex
#49006B (rgb(73 0 107), hsl(281 100% 21%), oklch(0.313 0.159 309.7)) liegt am nächsten an der benannten Farbe Velvet Vortex. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#49006B
oklch(0.313 0.159 309.7)
Farbumrechnungen
- HEX
- #49006b
- RGB
- rgb(73 0 107)
- HSL
- hsl(281 100% 21%)
- HWB
- hwb(281 0% 58%)
- OKLCH
- oklch(0.313 0.159 309.7)
- OKLab
- oklab(0.313 0.101 -0.122)
- CIE Lab
- lab(17.34 42.86 -43.41)
- LCH
- lch(17.34 61.01 314.6)
- CMYK
- cmyk(32% 100% 0% 58%)
Tints · Shades · Tones
Tints
- 5A247A
- 6B3D89
- 7C5598
- 8E6CA7
- A084B6
- B29CC5
- C5B4D3
- D8CDE2
- EBE6F0
Shades
- 3E005C
- 34004E
- 2A003F
- 200032
- 170025
- 0E0018
- 06000D
- 020004
- 000000
Tones
- 4E176E
- 542671
- 593374
- 5F3F76
- 644A78
- 6A557A
- 6F607C
- 756B7E
- 7A757F
Farbharmonien
Komplementär +180°
- 49006B
Velvet Vortex
- 233900
≈ Melancholia
Analog -30° +30°
- 49006B
Velvet Vortex
- 29177E
≈ Indiglow
- 590046
≈ Royal Ash
Triadisch +120° +240°
- 49006B
Velvet Vortex
- 472A00
≈ Stirland Mud
- 003A37
≈ Night Turquoise
Geteilt komplementär +150° +210°
- 49006B
Velvet Vortex
- 393100
≈ Hidden Passage
- 003C24
≈ Off-Road Green
Tetradisch +90° +180° +270°
- 49006B
Velvet Vortex
- 581900
≈ Baragon Brown
- 233900
≈ Melancholia
- 003845
≈ Natural Indigo
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 14.04:1 · APCA Lc 99
Ag
FailAuf Schwarz
WCAG 1.49:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 14.04:1 (AAA) · APCA Lc 99
Contrast pairs
Code-Snippets
CSS
:root {
--velvet-vortex: #49006b;
--velvet-vortex-rgb: 73 0 107;
--velvet-vortex-oklch: oklch(0.313 0.159 309.7);
}
.element {
color: var(--velvet-vortex);
background-color: hsl(281 100% 21%);
border-color: oklch(0.313 0.159 309.7);
}Tailwind CSS v4
@theme {
--color-velvet-vortex: #49006b;
--color-velvet-vortex-50: #ffe9ff;
--color-velvet-vortex-100: #fad9ff;
--color-velvet-vortex-200: #ebc1ff;
--color-velvet-vortex-300: #d29ff2;
--color-velvet-vortex-400: #bb81e4;
--color-velvet-vortex-500: #a662d3;
--color-velvet-vortex-600: #8c54b2;
--color-velvet-vortex-700: #70438f;
--color-velvet-vortex-800: #51306c;
--color-velvet-vortex-900: #39214c;
--color-velvet-vortex-950: #231032;
}SCSS
$velvet-vortex: #49006b;
$velvet-vortex-rgb: 73, 0, 107;
$velvet-vortex-light: mix(#fff, $velvet-vortex, 20%);
$velvet-vortex-dark: mix(#000, $velvet-vortex, 20%);
.element {
color: $velvet-vortex;
box-shadow: 0 0 0 2px rgba($velvet-vortex, 0.35);
}