命名颜色 · #85393D
Ruby Wine
Ruby Wine 即 #85393D：rgb(133 57 61)、hsl(357 40% 37%)、oklch(0.448 0.105 19.1)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Brown mean? → · Ruby Wine color name →
#85393D
oklch(0.448 0.105 19.1)
颜色转换
- 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%)
浅色调 · 深色调 · 灰色调
浅色调
- 924C4E
- 9F5F60
- AC7273
- B98686
- C59999
- D1ADAC
- DDC1C1
- E8D5D5
- F4EAEA
深色调
- 733034
- 61282B
- 501F22
- 40171A
- 301012
- 21090A
- 130404
- 060101
- 010000
灰色调
- 864144
- 86494A
- 865051
- 865757
- 865E5E
- 856565
- 846C6B
- 837372
- 827979
配色和谐
互补色 +180°
- 85393D
Ruby Wine
- 006165
≈ Beau Vert
类似色 -30° +30°
- 85393D
Ruby Wine
- 7E395E
≈ Pleasure
- 824016
≈ Gryphonne Sepia Wash
三角配色 +120° +240°
- 85393D
Ruby Wine
- 336225
≈ Gameboy Shade
- 2F548E
≈ Flashy Sapphire
分裂互补色 +150° +210°
- 85393D
Ruby Wine
- 00644C
≈ Green Paw Paw
- 005D7C
≈ Blue Edge
四角配色 +90° +180° +270°
- 85393D
Ruby Wine
- 595800
≈ Douro
- 006165
≈ Beau Vert
- 54498A
≈ Gigas
对比度与无障碍
Ag
AAA白底
WCAG 7.92:1 · APCA Lc 87
Ag
Fail黑底
WCAG 2.64:1 · APCA Lc 15
最佳文字颜色: #FFFFFF
WCAG 7.92:1 (AAA) · APCA Lc 87
Contrast pairs
代码片段
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);
}