最も近い色名 · #934864
#934864
最も近い色名: Velvet Wine
#934864（rgb(147 72 100)、hsl(338 34% 43%)、oklch(0.504 0.106 357.9)）に最も近い色名はVelvet Wineです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#934864
oklch(0.504 0.106 357.9)
カラー変換
- HEX
- #934864
- RGB
- rgb(147 72 100)
- HSL
- hsl(338 34% 43%)
- HWB
- hwb(338 28% 42%)
- OKLCH
- oklch(0.504 0.106 357.9)
- OKLab
- oklab(0.504 0.106 -0.004)
- CIE Lab
- lab(41.07 34.59 -1.02)
- LCH
- lch(41.07 34.61 358.3)
- CMYK
- cmyk(0% 51% 32% 42%)
ティント · シェード · トーン
ティント
- 9F5A72
- AA6B81
- B67D90
- C18F9F
- CBA1AE
- D6B3BE
- E1C6CE
- EBD9DE
- F5ECEE
シェード
- 7F3D56
- 6C3348
- 59293B
- 471F2E
- 361622
- 250D16
- 16060B
- 080203
- 010000
トーン
- 924E67
- 91546A
- 8F5A6C
- 8E606F
- 8C6572
- 8A6B75
- 887077
- 86767A
- 837B7D
カラーハーモニー
補色 +180°
- 934864
Velvet Wine
- 007564
≈ Northern Hemisphere
類似色 -30° +30°
- 934864
Velvet Wine
- 844D83
≈ Vibrant Orchid
- 974A41
≈ Safflower Kite
トライアド +120° +240°
- 934864
Velvet Wine
- 5F6C18
≈ Fiji Green
- 126C99
≈ Disarm
スプリットコンプリメンタリー +150° +210°
- 934864
Velvet Wine
- 337440
≈ Felt
- 00727E
≈ Night Scape
テトラード +90° +180° +270°
- 934864
Velvet Wine
- 7D6000
≈ Ground Earth
- 007564
≈ Northern Hemisphere
- 4A61A1
≈ Bio Blue
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.26:1 · APCA Lc 81
Ag
Fail黒の上
WCAG 3.35:1 · APCA Lc 21
最適な文字色: #FFFFFF
WCAG 6.26:1 (AA) · APCA Lc 81
Contrast pairs
コードスニペット
CSS
:root {
--velvet-wine: #934864;
--velvet-wine-rgb: 147 72 100;
--velvet-wine-oklch: oklch(0.504 0.106 357.9);
}
.element {
color: var(--velvet-wine);
background-color: hsl(338 34% 43%);
border-color: oklch(0.504 0.106 357.9);
}Tailwind CSS v4
@theme {
--color-velvet-wine: #934864;
--color-velvet-wine-50: #ffe9f4;
--color-velvet-wine-100: #ffdae6;
--color-velvet-wine-200: #fcc2d2;
--color-velvet-wine-300: #e5a1b5;
--color-velvet-wine-400: #d1849e;
--color-velvet-wine-500: #bd6686;
--color-velvet-wine-600: #a05771;
--color-velvet-wine-700: #80455b;
--color-velvet-wine-800: #5f3244;
--color-velvet-wine-900: #42222f;
--color-velvet-wine-950: #2b111b;
}SCSS
$velvet-wine: #934864;
$velvet-wine-rgb: 147, 72, 100;
$velvet-wine-light: mix(#fff, $velvet-wine, 20%);
$velvet-wine-dark: mix(#000, $velvet-wine, 20%);
.element {
color: $velvet-wine;
box-shadow: 0 0 0 2px rgba($velvet-wine, 0.35);
}