Cor nomeada · #85393D
Ruby Wine
Ruby Wine é #85393D: rgb(133 57 61), hsl(357 40% 37%), oklch(0.448 0.105 19.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Ruby Wine color name →
#85393D
oklch(0.448 0.105 19.1)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- 924C4E
- 9F5F60
- AC7273
- B98686
- C59999
- D1ADAC
- DDC1C1
- E8D5D5
- F4EAEA
Sombras
- 733034
- 61282B
- 501F22
- 40171A
- 301012
- 21090A
- 130404
- 060101
- 010000
Tons
- 864144
- 86494A
- 865051
- 865757
- 865E5E
- 856565
- 846C6B
- 837372
- 827979
Harmonias de cor
Complementar +180°
- 85393D
Ruby Wine
- 006165
≈ Beau Vert
Análoga -30° +30°
- 85393D
Ruby Wine
- 7E395E
≈ Pleasure
- 824016
≈ Gryphonne Sepia Wash
Tríade +120° +240°
- 85393D
Ruby Wine
- 336225
≈ Gameboy Shade
- 2F548E
≈ Flashy Sapphire
Complementar dividida +150° +210°
- 85393D
Ruby Wine
- 00644C
≈ Green Paw Paw
- 005D7C
≈ Blue Edge
Tétrade +90° +180° +270°
- 85393D
Ruby Wine
- 595800
≈ Douro
- 006165
≈ Beau Vert
- 54498A
≈ Gigas
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 7.92:1 · APCA Lc 87
Ag
FailSobre preto
WCAG 2.64:1 · APCA Lc 15
Melhor cor de texto: #FFFFFF
WCAG 7.92:1 (AAA) · APCA Lc 87
Contrast pairs
Trechos de código
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);
}