最接近的命名颜色 · #6B4855
#6B4855
最接近的命名颜色: Wine Stain
#6B4855（rgb(107 72 85)、hsl(338 20% 35%)、oklch(0.445 0.051 355.4)）最接近命名颜色 Wine Stain。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#6B4855
oklch(0.445 0.051 355.4)
颜色转换
- HEX
- #6b4855
- RGB
- rgb(107 72 85)
- HSL
- hsl(338 20% 35%)
- HWB
- hwb(338 28% 58%)
- OKLCH
- oklch(0.445 0.051 355.4)
- OKLab
- oklab(0.445 0.051 -0.004)
- CIE Lab
- lab(34.94 16.96 -1.38)
- LCH
- lch(34.94 17.01 355.4)
- CMYK
- cmyk(0% 33% 21% 58%)
浅色调 · 深色调 · 灰色调
浅色调
- 795964
- 886A74
- 967B84
- A58D95
- B39FA6
- C2B2B7
- D1C4C9
- E0D8DB
- F0EBED
深色调
- 5C3D49
- 4E333D
- 3F2931
- 321F26
- 25161C
- 180D11
- 0D0608
- 040202
- 000000
灰色调
- 6D4E59
- 70535D
- 725962
- 745E66
- 76646A
- 78696E
- 7A6F73
- 7C7577
- 7E7A7C
配色和谐
互补色 +180°
- 6B4855
Wine Stain
- 335D52
≈ Holly Bush
类似色 -30° +30°
- 6B4855
Wine Stain
- 634A63
≈ Bunchberry
- 6E4945
≈ Fireside
三角配色 +120° +240°
- 6B4855
Wine Stain
- 525736
≈ Dark Rainforest
- 37596C
≈ Indian Teal
分裂互补色 +150° +210°
- 6B4855
Wine Stain
- 425C42
≈ Horsetail
- 2E5C62
≈ Arctic Nights
四角配色 +90° +180° +270°
- 6B4855
Wine Stain
- 615232
≈ Olive Bark
- 335D52
≈ Holly Bush
- 465371
≈ Signature Blue
对比度与无障碍
Ag
AAA白底
WCAG 7.82:1 · APCA Lc 87
Ag
Fail黑底
WCAG 2.68:1 · APCA Lc 15
最佳文字颜色: #FFFFFF
WCAG 7.82:1 (AAA) · APCA Lc 87
Contrast pairs
代码片段
CSS
:root {
--wine-stain: #6b4855;
--wine-stain-rgb: 107 72 85;
--wine-stain-oklch: oklch(0.445 0.051 355.4);
}
.element {
color: var(--wine-stain);
background-color: hsl(338 20% 35%);
border-color: oklch(0.445 0.051 355.4);
}Tailwind CSS v4
@theme {
--color-wine-stain: #6b4855;
--color-wine-stain-50: #ffeff5;
--color-wine-stain-100: #f7e1e8;
--color-wine-stain-200: #e8ccd4;
--color-wine-stain-300: #ceadb7;
--color-wine-stain-400: #b892a0;
--color-wine-stain-500: #a27888;
--color-wine-stain-600: #896673;
--color-wine-stain-700: #6e515c;
--color-wine-stain-800: #513b44;
--color-wine-stain-900: #38292f;
--color-wine-stain-950: #23161b;
}SCSS
$wine-stain: #6b4855;
$wine-stain-rgb: 107, 72, 85;
$wine-stain-light: mix(#fff, $wine-stain, 20%);
$wine-stain-dark: mix(#000, $wine-stain, 20%);
.element {
color: $wine-stain;
box-shadow: 0 0 0 2px rgba($wine-stain, 0.35);
}