最接近的命名颜色 · #925A7F
#925A7F
最接近的命名颜色: Feminism
#925A7F（rgb(146 90 127)、hsl(320 24% 46%)、oklch(0.542 0.089 340.6)）最接近命名颜色 Feminism。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#925A7F
oklch(0.542 0.089 340.6)
颜色转换
- HEX
- #925a7f
- RGB
- rgb(146 90 127)
- HSL
- hsl(320 24% 46%)
- HWB
- hwb(320 35% 43%)
- OKLCH
- oklch(0.542 0.089 340.6)
- OKLab
- oklab(0.542 0.084 -0.029)
- CIE Lab
- lab(45.65 27.79 -10.78)
- LCH
- lch(45.65 29.81 338.8)
- CMYK
- cmyk(0% 38% 13% 43%)
浅色调 · 深色调 · 灰色调
浅色调
- 9D6A8B
- A87997
- B389A4
- BE9AB0
- C9AABD
- D4BBCA
- DFCBD7
- EADCE4
- F4EEF2
深色调
- 7E4D6E
- 6B415D
- 58354C
- 46293C
- 351E2D
- 25131F
- 160911
- 080306
- 010001
灰色调
- 915E7F
- 8F627F
- 8E667F
- 8C6A80
- 8A6E80
- 897180
- 877580
- 857980
- 827C80
配色和谐
互补色 +180°
- 925A7F
Feminism
- 397F5E
≈ Leisure Green
类似色 -30° +30°
- 925A7F
Feminism
- 806096
≈ Jubilee
- 9C5863
≈ Cuban Rhythm
三角配色 +120° +240°
- 925A7F
Feminism
- 7B702D
≈ Wood Garlic
- 217B93
≈ Pacific Pleasure
分裂互补色 +150° +210°
- 925A7F
Feminism
- 5D7A41
≈ Mossy Green
- 157F7B
≈ Coelia Greenshade
四角配色 +90° +180° +270°
对比度与无障碍
Ag
AA白底
WCAG 5.26:1 · APCA Lc 76
Ag
Fail黑底
WCAG 3.99:1 · APCA Lc 26
最佳文字颜色: #FFFFFF
WCAG 5.26:1 (AA) · APCA Lc 76
Contrast pairs
代码片段
CSS
:root {
--feminism: #925a7f;
--feminism-rgb: 146 90 127;
--feminism-oklch: oklch(0.542 0.089 340.6);
}
.element {
color: var(--feminism);
background-color: hsl(320 24% 46%);
border-color: oklch(0.542 0.089 340.6);
}Tailwind CSS v4
@theme {
--color-feminism: #925a7f;
--color-feminism-50: #ffecfc;
--color-feminism-100: #feddf0;
--color-feminism-200: #f0c6df;
--color-feminism-300: #d8a6c4;
--color-feminism-400: #c38aae;
--color-feminism-500: #ae6e98;
--color-feminism-600: #935d81;
--color-feminism-700: #764b67;
--color-feminism-800: #57364d;
--color-feminism-900: #3c2535;
--color-feminism-950: #261320;
}SCSS
$feminism: #925a7f;
$feminism-rgb: 146, 90, 127;
$feminism-light: mix(#fff, $feminism, 20%);
$feminism-dark: mix(#000, $feminism, 20%);
.element {
color: $feminism;
box-shadow: 0 0 0 2px rgba($feminism, 0.35);
}