Nächste benannte Farbe · #651E5B
#651E5B
Nächste benannte Farbe: Purple Velour
#651E5B (rgb(101 30 91), hsl(308 54% 26%), oklch(0.371 0.127 333.9)) liegt am nächsten an der benannten Farbe Purple Velour. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#651E5B
oklch(0.371 0.127 333.9)
Farbumrechnungen
- HEX
- #651e5b
- RGB
- rgb(101 30 91)
- HSL
- hsl(308 54% 26%)
- HWB
- hwb(308 12% 60%)
- OKLCH
- oklch(0.371 0.127 333.9)
- OKLab
- oklab(0.371 0.114 -0.056)
- CIE Lab
- lab(25.14 37.72 -20.09)
- LCH
- lch(25.14 42.74 332)
- CMYK
- cmyk(0% 70% 10% 60%)
Tints · Shades · Tones
Tints
- 75356A
- 844B7A
- 94608A
- A3769A
- B38CAA
- C2A2BB
- D1B9CC
- E1D0DD
- F0E7EE
Shades
- 57194E
- 491341
- 3C0E35
- 2F0929
- 22051E
- 170313
- 0C0109
- 030003
- 000000
Tones
- 692A5F
- 6C3463
- 6F3E67
- 72486A
- 75526E
- 785B72
- 7A6475
- 7C6D79
- 7E777C
Farbharmonien
Komplementär +180°
- 651E5B
Purple Velour
- 004E28
≈ Troll Green
Analog -30° +30°
- 651E5B
Purple Velour
- 4F2975
≈ Mystic Nights
- 721738
≈ Deep Claret
Triadisch +120° +240°
- 651E5B
Purple Velour
- 4D3F00
≈ Xanthophobia
- 004855
≈ Midnight Green
Geteilt komplementär +150° +210°
- 651E5B
Purple Velour
- 364700
≈ Garden Shadow
- 004B44
≈ Aqua Deep
Tetradisch +90° +180° +270°
- 651E5B
Purple Velour
- 5E3500
≈ Chocolate Fantasies
- 004E28
≈ Troll Green
- 00446C
≈ Indigo Dye
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 11.11:1 · APCA Lc 95
Ag
FailAuf Schwarz
WCAG 1.89:1 · APCA Lc 8
Beste Textfarbe: #FFFFFF
WCAG 11.11:1 (AAA) · APCA Lc 95
Contrast pairs
Code-Snippets
CSS
:root {
--purple-velour: #651e5b;
--purple-velour-rgb: 101 30 91;
--purple-velour-oklch: oklch(0.371 0.127 333.9);
}
.element {
color: var(--purple-velour);
background-color: hsl(308 54% 26%);
border-color: oklch(0.371 0.127 333.9);
}Tailwind CSS v4
@theme {
--color-purple-velour: #651e5b;
--color-purple-velour-50: #ffe8ff;
--color-purple-velour-100: #ffd9f8;
--color-purple-velour-200: #f8c0e9;
--color-purple-velour-300: #e19fd0;
--color-purple-velour-400: #cb81bd;
--color-purple-velour-500: #b763a9;
--color-purple-velour-600: #9b548e;
--color-purple-velour-700: #7c4372;
--color-purple-velour-800: #5b3056;
--color-purple-velour-900: #40213c;
--color-purple-velour-950: #291026;
}SCSS
$purple-velour: #651e5b;
$purple-velour-rgb: 101, 30, 91;
$purple-velour-light: mix(#fff, $purple-velour, 20%);
$purple-velour-dark: mix(#000, $purple-velour, 20%);
.element {
color: $purple-velour;
box-shadow: 0 0 0 2px rgba($purple-velour, 0.35);
}