Colore con nome · #A81C1D
Bloody Ruby
Bloody Ruby è #A81C1D: rgb(168 28 29), hsl(360 71% 38%), oklch(0.473 0.175 26.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Bloody Ruby color name →
#A81C1D
oklch(0.473 0.175 26.9)
Conversioni di colore
- HEX
- #a81c1d
- RGB
- rgb(168 28 29)
- HSL
- hsl(360 71% 38%)
- HWB
- hwb(360 11% 34%)
- OKLCH
- oklch(0.473 0.175 26.9)
- OKLab
- oklab(0.473 0.156 0.079)
- CIE Lab
- lab(37.15 55.05 38.64)
- LCH
- lch(37.15 67.26 35.1)
- CMYK
- cmyk(0% 83% 83% 34%)
Tinte · Ombre · Toni
Tinte
- B43B35
- BF534B
- C96A60
- D37F76
- DC958C
- E4AAA2
- ECBFB9
- F3D4D0
- F9E9E7
Ombre
- 921718
- 7C1213
- 670D0E
- 520809
- 3F0505
- 2C0203
- 1A0101
- 0A0000
- 010000
Toni
- A62E29
- A33B34
- A1463F
- 9E5048
- 9A5952
- 96615B
- 926964
- 8C716E
- 877977
Armonie di colore
Complementare +180°
- A81C1D
Bloody Ruby
- 006873
≈ Kingfisher Bright
Analogo -30° +30°
- A81C1D
Bloody Ruby
- A11B5D
≈ Berry Curious
- 8A4800
≈ Chocolate Pancakes
Triadico +120° +240°
- A81C1D
Bloody Ruby
- 006F25
≈ Bogey Green
- 3050BC
≈ Cerulean Blue
Complementare divisa +150° +210°
- A81C1D
Bloody Ruby
- 006B5B
≈ Fresh Ivy Green
- 00638E
≈ Reservoir
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.37:1 · APCA Lc 84
Ag
FailSu nero
WCAG 2.84:1 · APCA Lc 18
Miglior colore del testo: #FFFFFF
WCAG 7.37:1 (AAA) · APCA Lc 84
Contrast pairs
Frammenti di codice
CSS
:root {
--bloody-ruby: #a81c1d;
--bloody-ruby-rgb: 168 28 29;
--bloody-ruby-oklch: oklch(0.473 0.175 26.9);
}
.element {
color: var(--bloody-ruby);
background-color: hsl(360 71% 38%);
border-color: oklch(0.473 0.175 26.9);
}Tailwind CSS v4
@theme {
--color-bloody-ruby: #a81c1d;
--color-bloody-ruby-50: #ffe3d9;
--color-bloody-ruby-100: #ffd2c7;
--color-bloody-ruby-200: #ffb8a9;
--color-bloody-ruby-300: #ff9383;
--color-bloody-ruby-400: #f46f64;
--color-bloody-ruby-500: #e34841;
--color-bloody-ruby-600: #bf3f38;
--color-bloody-ruby-700: #9a322c;
--color-bloody-ruby-800: #732221;
--color-bloody-ruby-900: #511716;
--color-bloody-ruby-950: #360707;
}SCSS
$bloody-ruby: #a81c1d;
$bloody-ruby-rgb: 168, 28, 29;
$bloody-ruby-light: mix(#fff, $bloody-ruby, 20%);
$bloody-ruby-dark: mix(#000, $bloody-ruby, 20%);
.element {
color: $bloody-ruby;
box-shadow: 0 0 0 2px rgba($bloody-ruby, 0.35);
}