Màu có tên gần nhất · #934CEE
#934CEE
Màu có tên gần nhất: Sweet Desire
#934CEE (rgb(147 76 238), hsl(266 83% 62%), oklch(0.587 0.23 299.2)) gần nhất với màu có tên Sweet Desire. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#934CEE
oklch(0.587 0.23 299.2)
Chuyển đổi màu
- HEX
- #934cee
- RGB
- rgb(147 76 238)
- HSL
- hsl(266 83% 62%)
- HWB
- hwb(266 30% 7%)
- OKLCH
- oklch(0.587 0.23 299.2)
- OKLab
- oklab(0.587 0.112 -0.201)
- CIE Lab
- lab(48.08 53.87 -71.51)
- LCH
- lch(48.08 89.53 307)
- CMYK
- cmyk(38% 68% 0% 7%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 9D62F1
- A675F4
- B188F7
- BB9AF9
- C6ABFB
- D1BCFD
- DCCDFE
- E8DEFF
- F3EEFF
Sắc đậm
- 7F41CF
- 6C36B1
- 592C93
- 472277
- 36185C
- 250F42
- 16062A
- 080214
- 010003
Sắc xám
- 9155E3
- 8E5CD9
- 8C63CE
- 8A68C4
- 886DB9
- 8672AE
- 8576A3
- 837A98
- 817D8C
Hòa sắc
Bổ túc +180°
- 934CEE
Sweet Desire
- 748700
≈ Swamp Green
Tương đồng -30° +30°
- 934CEE
Sweet Desire
- 4969FF
≈ Blue Titmouse
- C032BD
≈ Fuchsia Flair
Bộ ba +120° +240°
- 934CEE
Sweet Desire
- B76400
≈ Umber
- 00917E
≈ Miami Jade
Bổ túc chia +150° +210°
- 934CEE
Sweet Desire
- 997700
≈ Mesozoic Green
- 009640
≈ Green Revolution
Bộ bốn +90° +180° +270°
- 934CEE
Sweet Desire
- E51A12
≈ Lust
- 748700
≈ Swamp Green
- 008C9D
≈ Coral Coast
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 4.65:1 · APCA Lc 72
Ag
AATrên nền đen
WCAG 4.50:1 · APCA Lc 30
Màu chữ tốt nhất: #FFFFFF
WCAG 4.65:1 (AA) · APCA Lc 72
Contrast pairs
Đoạn mã
CSS
:root {
--sweet-desire: #934cee;
--sweet-desire-rgb: 147 76 238;
--sweet-desire-oklch: oklch(0.587 0.23 299.2);
}
.element {
color: var(--sweet-desire);
background-color: hsl(266 83% 62%);
border-color: oklch(0.587 0.23 299.2);
}Tailwind CSS v4
@theme {
--color-sweet-desire: #934cee;
--color-sweet-desire-50: #ffe6ff;
--color-sweet-desire-100: #f5d6ff;
--color-sweet-desire-200: #e5bcff;
--color-sweet-desire-300: #cd97ff;
--color-sweet-desire-400: #b476ff;
--color-sweet-desire-500: #a04eff;
--color-sweet-desire-600: #8744dc;
--color-sweet-desire-700: #6c36b1;
--color-sweet-desire-800: #4d2786;
--color-sweet-desire-900: #361b5f;
--color-sweet-desire-950: #210941;
}SCSS
$sweet-desire: #934cee;
$sweet-desire-rgb: 147, 76, 238;
$sweet-desire-light: mix(#fff, $sweet-desire, 20%);
$sweet-desire-dark: mix(#000, $sweet-desire, 20%);
.element {
color: $sweet-desire;
box-shadow: 0 0 0 2px rgba($sweet-desire, 0.35);
}