Benannte Farbe · #E0115F
Ruby Dust
Ruby Dust ist #E0115F: rgb(224 17 95), hsl(337 86% 47%), oklch(0.584 0.228 8.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Ruby Dust color name →
#E0115F
oklch(0.584 0.228 8.9)
Farbumrechnungen
- HEX
- #e0115f
- RGB
- rgb(224 17 95)
- HSL
- hsl(337 86% 47%)
- HWB
- hwb(337 7% 12%)
- OKLCH
- oklch(0.584 0.228 8.9)
- OKLab
- oklab(0.584 0.225 0.035)
- CIE Lab
- lab(49.11 73.84 15.77)
- LCH
- lch(49.11 75.5 12.1)
- CMYK
- cmyk(0% 92% 58% 12%)
Tints · Shades · Tones
Tints
- E73E6E
- ED5A7D
- F2718C
- F7879C
- FA9CAC
- FDB0BC
- FFC4CD
- FFD8DD
- FFEBEE
Shades
- C30D52
- A60944
- 8A0638
- 70042C
- 560220
- 3E0115
- 27000A
- 120003
- 020000
Tones
- D82E62
- D03F66
- C84B69
- BF566C
- B65F70
- AD6773
- A36E76
- 987479
- 8D7A7D
Farbharmonien
Komplementär +180°
- E0115F
Ruby Dust
- 008E88
≈ Aqua Experience
Analog -30° +30°
- E0115F
Ruby Dust
- CA2AA7
≈ Perfectly Purple Place
- D24500
≈ Ōkaihau Express
Triadisch +120° +240°
- E0115F
Ruby Dust
- 5E8C00
≈ Sap Green
- 007FD5
≈ Electron Blue
Geteilt komplementär +150° +210°
- E0115F
Ruby Dust
- 00935D
≈ Green Gloss
- 008AA6
≈ Capri Breeze
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.75:1 · APCA Lc 71
Ag
FailAuf Schwarz
WCAG 4.41:1 · APCA Lc 31
Beste Textfarbe: #FFFFFF
WCAG 4.75:1 (AA) · APCA Lc 71
Contrast pairs
Code-Snippets
CSS
:root {
--ruby-dust: #e0115f;
--ruby-dust-rgb: 224 17 95;
--ruby-dust-oklch: oklch(0.584 0.228 8.9);
}
.element {
color: var(--ruby-dust);
background-color: hsl(337 86% 47%);
border-color: oklch(0.584 0.228 8.9);
}Tailwind CSS v4
@theme {
--color-ruby-dust: #e0115f;
--color-ruby-dust-50: #ffdbe5;
--color-ruby-dust-100: #ffc8d5;
--color-ruby-dust-200: #ffa9bc;
--color-ruby-dust-300: #ff7f9b;
--color-ruby-dust-400: #ff5282;
--color-ruby-dust-500: #f60066;
--color-ruby-dust-600: #cf0a57;
--color-ruby-dust-700: #a70c45;
--color-ruby-dust-800: #7c0535;
--color-ruby-dust-900: #580524;
--color-ruby-dust-950: #3b0013;
}SCSS
$ruby-dust: #e0115f;
$ruby-dust-rgb: 224, 17, 95;
$ruby-dust-light: mix(#fff, $ruby-dust, 20%);
$ruby-dust-dark: mix(#000, $ruby-dust, 20%);
.element {
color: $ruby-dust;
box-shadow: 0 0 0 2px rgba($ruby-dust, 0.35);
}