Benannte Farbe · #9B111E
Ruby Red
Ruby Red ist #9B111E: rgb(155 17 30), hsl(354 80% 34%), oklch(0.442 0.169 24.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Ruby Red color name →
#9B111E
oklch(0.442 0.169 24.3)
Farbumrechnungen
- HEX
- #9b111e
- RGB
- rgb(155 17 30)
- HSL
- hsl(354 80% 34%)
- HWB
- hwb(354 7% 39%)
- OKLCH
- oklch(0.442 0.169 24.3)
- OKLab
- oklab(0.442 0.154 0.069)
- CIE Lab
- lab(33.51 53.68 33.5)
- LCH
- lch(33.51 63.28 32)
- CMYK
- cmyk(0% 89% 81% 39%)
Tints · Shades · Tones
Tints
- A83434
- B44D4A
- C0645F
- CB7A75
- D5908B
- DFA6A1
- E8BCB8
- F0D2CF
- F8E8E7
Shades
- 860D19
- 720913
- 5E060E
- 4B0409
- 390205
- 280103
- 180001
- 090000
- 010000
Tones
- 9A2629
- 993534
- 98413E
- 964B47
- 945551
- 915E5A
- 8E6764
- 8A706D
- 857877
Farbharmonien
Komplementär +180°
- 9B111E
Ruby Red
- 005F66
≈ Beau Vert
Analog -30° +30°
- 9B111E
Ruby Red
- 931359
≈ Strong Cerise
- 803F00
≈ Hazelnut Chocolate
Triadisch +120° +240°
- 9B111E
Ruby Red
- 006613
≈ Zelyony Green
- 2149AE
≈ The Blues Brothers
Geteilt komplementär +150° +210°
- 9B111E
Ruby Red
- 006250
≈ Sci-Fi Takeout
- 005A7E
≈ Commandes
Tetradisch +90° +180° +270°
- 9B111E
Ruby Red
- 525900
≈ Greensboro
- 005F66
≈ Beau Vert
- 5C36A4
≈ Royalty
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.42:1 · APCA Lc 87
Ag
FailAuf Schwarz
WCAG 2.49:1 · APCA Lc 15
Beste Textfarbe: #FFFFFF
WCAG 8.42:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--ruby-red: #9b111e;
--ruby-red-rgb: 155 17 30;
--ruby-red-oklch: oklch(0.442 0.169 24.3);
}
.element {
color: var(--ruby-red);
background-color: hsl(354 80% 34%);
border-color: oklch(0.442 0.169 24.3);
}Tailwind CSS v4
@theme {
--color-ruby-red: #9b111e;
--color-ruby-red-50: #ffe3dc;
--color-ruby-red-100: #ffd3ca;
--color-ruby-red-200: #ffb8ae;
--color-ruby-red-300: #ff9389;
--color-ruby-red-400: #f2706b;
--color-ruby-red-500: #e04b4b;
--color-ruby-red-600: #bd4140;
--color-ruby-red-700: #983433;
--color-ruby-red-800: #722426;
--color-ruby-red-900: #501819;
--color-ruby-red-950: #35080a;
}SCSS
$ruby-red: #9b111e;
$ruby-red-rgb: 155, 17, 30;
$ruby-red-light: mix(#fff, $ruby-red, 20%);
$ruby-red-dark: mix(#000, $ruby-red, 20%);
.element {
color: $ruby-red;
box-shadow: 0 0 0 2px rgba($ruby-red, 0.35);
}