最接近的命名颜色 · #74346F
#74346F
最接近的命名颜色: Eminence
#74346F（rgb(116 52 111)、hsl(305 38% 33%)、oklch(0.433 0.12 330.4)）最接近命名颜色 Eminence。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#74346F
oklch(0.433 0.12 330.4)
颜色转换
- HEX
- #74346f
- RGB
- rgb(116 52 111)
- HSL
- hsl(305 38% 33%)
- HWB
- hwb(305 20% 55%)
- OKLCH
- oklch(0.433 0.12 330.4)
- OKLab
- oklab(0.433 0.104 -0.059)
- CIE Lab
- lab(32.51 34.97 -21.34)
- LCH
- lch(32.51 40.97 328.6)
- CMYK
- cmyk(0% 55% 4% 55%)
浅色调 · 深色调 · 灰色调
浅色调
- 82487D
- 905B8B
- 9E6F99
- AC82A7
- BA96B5
- C8ABC4
- D6BFD2
- E3D4E1
- F1E9F0
深色调
- 642C60
- 542451
- 451C42
- 371534
- 290E27
- 1B071A
- 0F030E
- 050104
- 010001
灰色调
- 763C71
- 784573
- 794C75
- 7B5477
- 7C5C78
- 7D637A
- 7E6A7C
- 7F727D
- 80797F
配色和谐
互补色 +180°
- 74346F
Eminence
- 00622B
≈ Ficus Elastica
类似色 -30° +30°
- 74346F
Eminence
- 5C3E87
≈ Daisy Bush
- 822E4D
≈ Beaujolais
三角配色 +120° +240°
- 74346F
Eminence
- 634E00
≈ Olive Brown
- 005B68
≈ Egyptian Enamel
分裂互补色 +150° +210°
- 74346F
Eminence
- 495800
≈ Lustrian Undergrowth
- 005E53
≈ Alpine Green
四角配色 +90° +180° +270°
对比度与无障碍
Ag
AAA白底
WCAG 8.52:1 · APCA Lc 89
Ag
Fail黑底
WCAG 2.46:1 · APCA Lc 13
最佳文字颜色: #FFFFFF
WCAG 8.52:1 (AAA) · APCA Lc 89
Contrast pairs
代码片段
CSS
:root {
--eminence: #74346f;
--eminence-rgb: 116 52 111;
--eminence-oklch: oklch(0.433 0.12 330.4);
}
.element {
color: var(--eminence);
background-color: hsl(305 38% 33%);
border-color: oklch(0.433 0.12 330.4);
}Tailwind CSS v4
@theme {
--color-eminence: #74346f;
--color-eminence-50: #ffe9ff;
--color-eminence-100: #ffdafa;
--color-eminence-200: #f4c2eb;
--color-eminence-300: #dca1d2;
--color-eminence-400: #c784c0;
--color-eminence-500: #b266ab;
--color-eminence-600: #965790;
--color-eminence-700: #794574;
--color-eminence-800: #583257;
--color-eminence-900: #3e223d;
--color-eminence-950: #271126;
}SCSS
$eminence: #74346f;
$eminence-rgb: 116, 52, 111;
$eminence-light: mix(#fff, $eminence, 20%);
$eminence-dark: mix(#000, $eminence, 20%);
.element {
color: $eminence;
box-shadow: 0 0 0 2px rgba($eminence, 0.35);
}