Colore con nome · #85393D
Ruby Wine
Ruby Wine è #85393D: rgb(133 57 61), hsl(357 40% 37%), oklch(0.448 0.105 19.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Ruby Wine color name →
#85393D
oklch(0.448 0.105 19.1)
Conversioni di colore
- HEX
- #85393d
- RGB
- rgb(133 57 61)
- HSL
- hsl(357 40% 37%)
- HWB
- hwb(357 22% 48%)
- OKLCH
- oklch(0.448 0.105 19.1)
- OKLab
- oklab(0.448 0.099 0.034)
- CIE Lab
- lab(34.87 33.58 14.45)
- LCH
- lch(34.87 36.55 23.3)
- CMYK
- cmyk(0% 57% 54% 48%)
Tinte · Ombre · Toni
Tinte
- 924C4E
- 9F5F60
- AC7273
- B98686
- C59999
- D1ADAC
- DDC1C1
- E8D5D5
- F4EAEA
Ombre
- 733034
- 61282B
- 501F22
- 40171A
- 301012
- 21090A
- 130404
- 060101
- 010000
Toni
- 864144
- 86494A
- 865051
- 865757
- 865E5E
- 856565
- 846C6B
- 837372
- 827979
Armonie di colore
Complementare +180°
- 85393D
Ruby Wine
- 006165
≈ Beau Vert
Analogo -30° +30°
- 85393D
Ruby Wine
- 7E395E
≈ Pleasure
- 824016
≈ Gryphonne Sepia Wash
Triadico +120° +240°
- 85393D
Ruby Wine
- 336225
≈ Gameboy Shade
- 2F548E
≈ Flashy Sapphire
Complementare divisa +150° +210°
- 85393D
Ruby Wine
- 00644C
≈ Green Paw Paw
- 005D7C
≈ Blue Edge
Tetradico +90° +180° +270°
- 85393D
Ruby Wine
- 595800
≈ Douro
- 006165
≈ Beau Vert
- 54498A
≈ Gigas
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.92:1 · APCA Lc 87
Ag
FailSu nero
WCAG 2.64:1 · APCA Lc 15
Miglior colore del testo: #FFFFFF
WCAG 7.92:1 (AAA) · APCA Lc 87
Contrast pairs
Frammenti di codice
CSS
:root {
--ruby-wine: #85393d;
--ruby-wine-rgb: 133 57 61;
--ruby-wine-oklch: oklch(0.448 0.105 19.1);
}
.element {
color: var(--ruby-wine);
background-color: hsl(357 40% 37%);
border-color: oklch(0.448 0.105 19.1);
}Tailwind CSS v4
@theme {
--color-ruby-wine: #85393d;
--color-ruby-wine-50: #ffeae8;
--color-ruby-wine-100: #ffdbd9;
--color-ruby-wine-200: #fec3c1;
--color-ruby-wine-300: #e8a2a0;
--color-ruby-wine-400: #d58586;
--color-ruby-wine-500: #c2676a;
--color-ruby-wine-600: #a4585a;
--color-ruby-wine-700: #834648;
--color-ruby-wine-800: #613235;
--color-ruby-wine-900: #442224;
--color-ruby-wine-950: #2c1113;
}SCSS
$ruby-wine: #85393d;
$ruby-wine-rgb: 133, 57, 61;
$ruby-wine-light: mix(#fff, $ruby-wine, 20%);
$ruby-wine-dark: mix(#000, $ruby-wine, 20%);
.element {
color: $ruby-wine;
box-shadow: 0 0 0 2px rgba($ruby-wine, 0.35);
}