最も近い色名 · #C0468E
#C0468E
最も近い色名: Lustful Wishes
#C0468E（rgb(192 70 142)、hsl(325 49% 51%)、oklch(0.583 0.174 347.4)）に最も近い色名はLustful Wishesです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#C0468E
oklch(0.583 0.174 347.4)
カラー変換
- HEX
- #c0468e
- RGB
- rgb(192 70 142)
- HSL
- hsl(325 49% 51%)
- HWB
- hwb(325 27% 25%)
- OKLCH
- oklch(0.583 0.174 347.4)
- OKLab
- oklab(0.583 0.169 -0.038)
- CIE Lab
- lab(49.2 54.77 -13.61)
- LCH
- lch(49.2 56.44 346)
- CMYK
- cmyk(0% 64% 26% 25%)
ティント · シェード · トーン
ティント
- C85B99
- D06EA4
- D880AF
- DF93BA
- E5A5C5
- EBB7D1
- F1C9DC
- F6DBE8
- FBEDF3
シェード
- A73C7B
- 8E3268
- 762856
- 5F1E44
- 491534
- 340D24
- 200515
- 0E0207
- 020001
トーン
- BB4E8D
- B5568B
- B05C8A
- AA6289
- A46887
- 9D6D86
- 977284
- 907783
- 887C81
カラーハーモニー
補色 +180°
- C0468E
Lustful Wishes
- 00916D
≈ Sea Swell
類似色 -30° +30°
- C0468E
Lustful Wishes
- A453BD
≈ Royal Gramma Purple
- CD4354
≈ Lingonberry Red
トライアド +120° +240°
- C0468E
Lustful Wishes
- 847F00
≈ Olive
- 0087AF
≈ Stomy Shower
スプリットコンプリメンタリー +150° +210°
- C0468E
Lustful Wishes
- 40910C
≈ Christmas Green
- 008D90
≈ Egyptian Teal
テトラード +90° +180° +270°
- C0468E
Lustful Wishes
- A37000
≈ Golden Hind
- 00916D
≈ Sea Swell
- 2C78DF
≈ Skies of Cyberspace
コントラストとアクセシビリティ
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 {
--lustful-wishes: #c0468e;
--lustful-wishes-rgb: 192 70 142;
--lustful-wishes-oklch: oklch(0.583 0.174 347.4);
}
.element {
color: var(--lustful-wishes);
background-color: hsl(325 49% 51%);
border-color: oklch(0.583 0.174 347.4);
}Tailwind CSS v4
@theme {
--color-lustful-wishes: #c0468e;
--color-lustful-wishes-50: #ffe2fd;
--color-lustful-wishes-100: #ffd1f1;
--color-lustful-wishes-200: #ffb6df;
--color-lustful-wishes-300: #f991c5;
--color-lustful-wishes-400: #e56fb1;
--color-lustful-wishes-500: #d34a9b;
--color-lustful-wishes-600: #b24083;
--color-lustful-wishes-700: #8f3369;
--color-lustful-wishes-800: #6a244f;
--color-lustful-wishes-900: #4a1837;
--color-lustful-wishes-950: #310822;
}SCSS
$lustful-wishes: #c0468e;
$lustful-wishes-rgb: 192, 70, 142;
$lustful-wishes-light: mix(#fff, $lustful-wishes, 20%);
$lustful-wishes-dark: mix(#000, $lustful-wishes, 20%);
.element {
color: $lustful-wishes;
box-shadow: 0 0 0 2px rgba($lustful-wishes, 0.35);
}