最も近い色名 · #A247ED
#A247ED
最も近い色名: Sweet Desire
#A247ED（rgb(162 71 237)、hsl(273 82% 60%)、oklch(0.597 0.238 305.3)）に最も近い色名はSweet Desireです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#A247ED
oklch(0.597 0.238 305.3)
カラー変換
- HEX
- #a247ed
- RGB
- rgb(162 71 237)
- HSL
- hsl(273 82% 60%)
- HWB
- hwb(273 28% 7%)
- OKLCH
- oklch(0.597 0.238 305.3)
- OKLab
- oklab(0.597 0.137 -0.194)
- CIE Lab
- lab(49.12 59.24 -69.15)
- LCH
- lch(49.12 91.06 310.6)
- CMYK
- cmyk(32% 70% 0% 7%)
ティント · シェード · トーン
ティント
- AB5EF0
- B472F3
- BD85F6
- C698F9
- CFA9FB
- D9BBFC
- E2CCFE
- ECDDFE
- F5EEFF
シェード
- 8C3DCE
- 7732B0
- 632893
- 4F1F77
- 3C165C
- 2A0D42
- 19062A
- 0A0214
- 010003
トーン
- 9E51E3
- 9B59D8
- 9760CD
- 9466C3
- 916CB8
- 8D71AD
- 8A75A2
- 877997
- 837D8C
カラーハーモニー
補色 +180°
- A247ED
Sweet Desire
- 6A8E00
≈ Canopy
類似色 -30° +30°
- A247ED
Sweet Desire
- 6068FF
≈ Blue Genie
- CD2BB5
≈ Mystifying Magenta
トライアド +120° +240°
- A247ED
Sweet Desire
- B46C00
≈ Indocile Tiger
- 009388
≈ Old Benchmark
スプリットコンプリメンタリー +150° +210°
- A247ED
Sweet Desire
- 967E00
≈ Moscow Papyrus
- 009857
≈ Garnish
テトラード +90° +180° +270°
- A247ED
Sweet Desire
- DF3B00
≈ Flame of Prometheus
- 6A8E00
≈ Canopy
- 008EA7
≈ Quintana
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 4.50:1 · APCA Lc 70
Ag
AA黒の上
WCAG 4.66:1 · APCA Lc 31
最適な文字色: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
コードスニペット
CSS
:root {
--sweet-desire: #a247ed;
--sweet-desire-rgb: 162 71 237;
--sweet-desire-oklch: oklch(0.597 0.238 305.3);
}
.element {
color: var(--sweet-desire);
background-color: hsl(273 82% 60%);
border-color: oklch(0.597 0.238 305.3);
}Tailwind CSS v4
@theme {
--color-sweet-desire: #a247ed;
--color-sweet-desire-50: #ffe4ff;
--color-sweet-desire-100: #fdd3ff;
--color-sweet-desire-200: #efb8ff;
--color-sweet-desire-300: #d892ff;
--color-sweet-desire-400: #c06fff;
--color-sweet-desire-500: #ad44ff;
--color-sweet-desire-600: #923cd8;
--color-sweet-desire-700: #7530ad;
--color-sweet-desire-800: #542284;
--color-sweet-desire-900: #3b175d;
--color-sweet-desire-950: #250640;
}SCSS
$sweet-desire: #a247ed;
$sweet-desire-rgb: 162, 71, 237;
$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);
}