最接近的命名颜色 · #65338C
#65338C
最接近的命名颜色: Lucid Dreams
#65338C（rgb(101 51 140)、hsl(274 47% 37%)、oklch(0.43 0.145 307.2)）最接近命名颜色 Lucid Dreams。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#65338C
oklch(0.43 0.145 307.2)
颜色转换
- HEX
- #65338c
- RGB
- rgb(101 51 140)
- HSL
- hsl(274 47% 37%)
- HWB
- hwb(274 20% 45%)
- OKLCH
- oklch(0.43 0.145 307.2)
- OKLab
- oklab(0.43 0.088 -0.115)
- CIE Lab
- lab(31.48 35.62 -41.21)
- LCH
- lch(31.48 54.47 310.8)
- CMYK
- cmyk(28% 64% 0% 45%)
浅色调 · 深色调 · 灰色调
浅色调
- 734898
- 825CA4
- 9170B0
- A083BB
- AF97C7
- BFACD2
- CEC0DE
- DED5E9
- EFEAF4
深色调
- 572B79
- 492367
- 3C1C55
- 2F1443
- 220D33
- 170723
- 0C0314
- 030107
- 000001
灰色调
- 683C8B
- 6A458B
- 6D4D8A
- 705589
- 725C88
- 756487
- 786B85
- 7B7284
- 7D7982
配色和谐
互补色 +180°
- 65338C
Lucid Dreams
- 3F5A00
≈ Lustrian Undergrowth
类似色 -30° +30°
- 65338C
Lucid Dreams
- 3F429D
≈ Galaxy Express
- 7E276C
≈ Grape Juice
三角配色 +120° +240°
- 65338C
Lucid Dreams
- 714400
≈ Flat Brown
- 005D57
≈ Tidal Pool
分裂互补色 +150° +210°
- 65338C
Lucid Dreams
- 5D4F00
≈ Scorzonera Brown
- 006038
≈ Spruce
四角配色 +90° +180° +270°
- 65338C
Lucid Dreams
- 8D2700
≈ Red Tone Ink
- 3F5A00
≈ Lustrian Undergrowth
- 005A6B
≈ Oceanside
对比度与无障碍
Ag
AAA白底
WCAG 8.72:1 · APCA Lc 89
Ag
Fail黑底
WCAG 2.40:1 · APCA Lc 13
最佳文字颜色: #FFFFFF
WCAG 8.72:1 (AAA) · APCA Lc 89
Contrast pairs
代码片段
CSS
:root {
--lucid-dreams: #65338c;
--lucid-dreams-rgb: 101 51 140;
--lucid-dreams-oklch: oklch(0.43 0.145 307.2);
}
.element {
color: var(--lucid-dreams);
background-color: hsl(274 47% 37%);
border-color: oklch(0.43 0.145 307.2);
}Tailwind CSS v4
@theme {
--color-lucid-dreams: #65338c;
--color-lucid-dreams-50: #ffebff;
--color-lucid-dreams-100: #f6dbff;
--color-lucid-dreams-200: #e7c4ff;
--color-lucid-dreams-300: #cda3f0;
--color-lucid-dreams-400: #b586e1;
--color-lucid-dreams-500: #a068d0;
--color-lucid-dreams-600: #8758af;
--color-lucid-dreams-700: #6c478d;
--color-lucid-dreams-800: #4e336a;
--color-lucid-dreams-900: #36234b;
--color-lucid-dreams-950: #211231;
}SCSS
$lucid-dreams: #65338c;
$lucid-dreams-rgb: 101, 51, 140;
$lucid-dreams-light: mix(#fff, $lucid-dreams, 20%);
$lucid-dreams-dark: mix(#000, $lucid-dreams, 20%);
.element {
color: $lucid-dreams;
box-shadow: 0 0 0 2px rgba($lucid-dreams, 0.35);
}