最も近い色名 · #934CEE
#934CEE
最も近い色名: Sweet Desire
#934CEE（rgb(147 76 238)、hsl(266 83% 62%)、oklch(0.587 0.23 299.2)）に最も近い色名はSweet Desireです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#934CEE
oklch(0.587 0.23 299.2)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- 9D62F1
- A675F4
- B188F7
- BB9AF9
- C6ABFB
- D1BCFD
- DCCDFE
- E8DEFF
- F3EEFF
シェード
- 7F41CF
- 6C36B1
- 592C93
- 472277
- 36185C
- 250F42
- 16062A
- 080214
- 010003
トーン
- 9155E3
- 8E5CD9
- 8C63CE
- 8A68C4
- 886DB9
- 8672AE
- 8576A3
- 837A98
- 817D8C
カラーハーモニー
補色 +180°
- 934CEE
Sweet Desire
- 748700
≈ Swamp Green
類似色 -30° +30°
- 934CEE
Sweet Desire
- 4969FF
≈ Blue Titmouse
- C032BD
≈ Fuchsia Flair
トライアド +120° +240°
- 934CEE
Sweet Desire
- B76400
≈ Umber
- 00917E
≈ Miami Jade
スプリットコンプリメンタリー +150° +210°
- 934CEE
Sweet Desire
- 997700
≈ Mesozoic Green
- 009640
≈ Green Revolution
テトラード +90° +180° +270°
- 934CEE
Sweet Desire
- E51A12
≈ Lust
- 748700
≈ Swamp Green
- 008C9D
≈ Coral Coast
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 4.65:1 · APCA Lc 72
Ag
AA黒の上
WCAG 4.50:1 · APCA Lc 30
最適な文字色: #FFFFFF
WCAG 4.65:1 (AA) · APCA Lc 72
Contrast pairs
コードスニペット
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);
}