最接近的命名颜色 · #9A3263
#9A3263
最接近的命名颜色: Thorne Wines
#9A3263（rgb(154 50 99)、hsl(332 51% 40%)、oklch(0.484 0.146 354.9)）最接近命名颜色 Thorne Wines。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#9A3263
oklch(0.484 0.146 354.9)
颜色转换
- HEX
- #9a3263
- RGB
- rgb(154 50 99)
- HSL
- hsl(332 51% 40%)
- HWB
- hwb(332 20% 40%)
- OKLCH
- oklch(0.484 0.146 354.9)
- OKLab
- oklab(0.484 0.146 -0.013)
- CIE Lab
- lab(38.26 47.07 -4.33)
- LCH
- lch(38.26 47.27 354.7)
- CMYK
- cmyk(0% 68% 36% 40%)
浅色调 · 深色调 · 灰色调
浅色调
- A64871
- B15D80
- BD718F
- C7859E
- D199AE
- DBADBE
- E5C1CE
- EED5DE
- F7EAEE
深色调
- 852A55
- 712247
- 5E1B3A
- 4B142E
- 390D21
- 270716
- 17030B
- 090103
- 010000
灰色调
- 993C66
- 974569
- 964E6C
- 94566F
- 915D71
- 8F6474
- 8C6C77
- 88737A
- 84797D
配色和谐
互补色 +180°
- 9A3263
Thorne Wines
- 006F5C
≈ Teal Dark Green
类似色 -30° +30°
- 9A3263
Thorne Wines
- 863B8B
≈ Purple Sultan
- A13332
≈ Milano Red
三角配色 +120° +240°
- 9A3263
Thorne Wines
- 5D6500
≈ Mud Green
- 006790
≈ Pulsating Blue
分裂互补色 +150° +210°
- 9A3263
Thorne Wines
- 0E7320
≈ Clear Green
- 006C75
≈ Toadstool Teal
四角配色 +90° +180° +270°
- 9A3263
Thorne Wines
- 785900
≈ Blackfire Earth
- 006F5C
≈ Teal Dark Green
- 3558B0
≈ Blasphemous Blue
对比度与无障碍
Ag
AA白底
WCAG 6.97:1 · APCA Lc 83
Ag
Fail黑底
WCAG 3.01:1 · APCA Lc 19
最佳文字颜色: #FFFFFF
WCAG 6.97:1 (AA) · APCA Lc 83
Contrast pairs
代码片段
CSS
:root {
--thorne-wines: #9a3263;
--thorne-wines-rgb: 154 50 99;
--thorne-wines-oklch: oklch(0.484 0.146 354.9);
}
.element {
color: var(--thorne-wines);
background-color: hsl(332 51% 40%);
border-color: oklch(0.484 0.146 354.9);
}Tailwind CSS v4
@theme {
--color-thorne-wines: #9a3263;
--color-thorne-wines-50: #ffe5f6;
--color-thorne-wines-100: #ffd4e9;
--color-thorne-wines-200: #ffbad5;
--color-thorne-wines-300: #f397b8;
--color-thorne-wines-400: #e077a3;
--color-thorne-wines-500: #cd568b;
--color-thorne-wines-600: #ad4976;
--color-thorne-wines-700: #8b3a5e;
--color-thorne-wines-800: #672a47;
--color-thorne-wines-900: #491c31;
--color-thorne-wines-950: #2f0c1d;
}SCSS
$thorne-wines: #9a3263;
$thorne-wines-rgb: 154, 50, 99;
$thorne-wines-light: mix(#fff, $thorne-wines, 20%);
$thorne-wines-dark: mix(#000, $thorne-wines, 20%);
.element {
color: $thorne-wines;
box-shadow: 0 0 0 2px rgba($thorne-wines, 0.35);
}