Benannte Farbe · #5C384E
Ruby Violet
Ruby Violet ist #5C384E: rgb(92 56 78), hsl(323 24% 29%), oklch(0.392 0.06 342.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Ruby Violet color name →
#5C384E
oklch(0.392 0.06 342.9)
Farbumrechnungen
- HEX
- #5c384e
- RGB
- rgb(92 56 78)
- HSL
- hsl(323 24% 29%)
- HWB
- hwb(323 22% 64%)
- OKLCH
- oklch(0.392 0.06 342.9)
- OKLab
- oklab(0.392 0.058 -0.018)
- CIE Lab
- lab(28.59 19.14 -6.48)
- LCH
- lch(28.59 20.21 341.3)
- CMYK
- cmyk(0% 39% 15% 64%)
Tints · Shades · Tones
Tints
- 6C4A5E
- 7B5C6E
- 8B6F7F
- 9B8290
- AB96A2
- BCAAB4
- CCBFC6
- DDD4D9
- EEE9EC
Shades
- 4F2F43
- 422738
- 361F2D
- 2A1723
- 1F0F19
- 14080F
- 0A0407
- 030102
- 000000
Tones
- 603F53
- 644658
- 684D5D
- 6B5462
- 6F5B67
- 72636C
- 766A71
- 797176
- 7D797B
Farbharmonien
Komplementär +180°
- 5C384E
Ruby Violet
- 23503C
≈ Moselle Green
Analog -30° +30°
- 5C384E
Ruby Violet
- 513C5D
≈ Old Heliotrope
- 62373C
≈ Kremlin Red
Triadisch +120° +240°
- 5C384E
Ruby Violet
- 4B471D
≈ Uniform Green
- 184C5D
≈ Lazurite Blue
Geteilt komplementär +150° +210°
- 5C384E
Ruby Violet
- 394C2A
≈ Nettle Green
- 11504E
≈ Malachite Blue Turquoise
Tetradisch +90° +180° +270°
- 5C384E
Ruby Violet
- 59401E
≈ Smoked Oak Brown
- 23503C
≈ Moselle Green
- 2D4765
≈ Stay the Night
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.85:1 · APCA Lc 93
Ag
FailAuf Schwarz
WCAG 2.13:1 · APCA Lc 10
Beste Textfarbe: #FFFFFF
WCAG 9.85:1 (AAA) · APCA Lc 93
Contrast pairs
Code-Snippets
CSS
:root {
--ruby-violet: #5c384e;
--ruby-violet-rgb: 92 56 78;
--ruby-violet-oklch: oklch(0.392 0.06 342.9);
}
.element {
color: var(--ruby-violet);
background-color: hsl(323 24% 29%);
border-color: oklch(0.392 0.06 342.9);
}Tailwind CSS v4
@theme {
--color-ruby-violet: #5c384e;
--color-ruby-violet-50: #ffeff9;
--color-ruby-violet-100: #f8e0ec;
--color-ruby-violet-200: #e8cada;
--color-ruby-violet-300: #cfacbe;
--color-ruby-violet-400: #b991a8;
--color-ruby-violet-500: #a37691;
--color-ruby-violet-600: #8a647a;
--color-ruby-violet-700: #6e5062;
--color-ruby-violet-800: #513a49;
--color-ruby-violet-900: #382832;
--color-ruby-violet-950: #23161e;
}SCSS
$ruby-violet: #5c384e;
$ruby-violet-rgb: 92, 56, 78;
$ruby-violet-light: mix(#fff, $ruby-violet, 20%);
$ruby-violet-dark: mix(#000, $ruby-violet, 20%);
.element {
color: $ruby-violet;
box-shadow: 0 0 0 2px rgba($ruby-violet, 0.35);
}