最も近い色名 · #68326C
#68326C
最も近い色名: Wineberry
#68326C（rgb(104 50 108)、hsl(296 37% 31%)、oklch(0.412 0.112 324.7)）に最も近い色名はWineberryです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#68326C
oklch(0.412 0.112 324.7)
カラー変換
- HEX
- #68326c
- RGB
- rgb(104 50 108)
- HSL
- hsl(296 37% 31%)
- HWB
- hwb(296 20% 58%)
- OKLCH
- oklch(0.412 0.112 324.7)
- OKLab
- oklab(0.412 0.091 -0.065)
- CIE Lab
- lab(30.1 31.5 -23.34)
- LCH
- lch(30.1 39.21 323.5)
- CMYK
- cmyk(4% 54% 0% 58%)
ティント · シェード · トーン
ティント
- 77467A
- 865988
- 956D97
- A381A5
- B395B4
- C2A9C3
- D1BED2
- E0D3E1
- F0E9F0
シェード
- 592A5D
- 4B224E
- 3E1B40
- 301432
- 240D25
- 180719
- 0C030D
- 040104
- 000000
トーン
- 6B3A6E
- 6E4371
- 704B73
- 735275
- 755A77
- 786279
- 7A697B
- 7C717D
- 7E787E
カラーハーモニー
補色 +180°
- 68326C
Wineberry
- 185A1F
≈ Sombre Green
類似色 -30° +30°
- 68326C
Wineberry
- 503C80
≈ Prism Violet
- 772C4E
≈ Flirt
トライアド +120° +240°
- 68326C
Wineberry
- 604600
≈ Mud Brown
- 00565D
≈ Deep Teal
スプリットコンプリメンタリー +150° +210°
- 68326C
Wineberry
- 4A5000
≈ Verdun Green
- 005848
≈ Forest Shadows
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 9.28:1 · APCA Lc 91
Ag
Fail黒の上
WCAG 2.26:1 · APCA Lc 11
最適な文字色: #FFFFFF
WCAG 9.28:1 (AAA) · APCA Lc 91
Contrast pairs
コードスニペット
CSS
:root {
--wineberry: #68326c;
--wineberry-rgb: 104 50 108;
--wineberry-oklch: oklch(0.412 0.112 324.7);
}
.element {
color: var(--wineberry);
background-color: hsl(296 37% 31%);
border-color: oklch(0.412 0.112 324.7);
}Tailwind CSS v4
@theme {
--color-wineberry: #68326c;
--color-wineberry-50: #ffebff;
--color-wineberry-100: #fddbfc;
--color-wineberry-200: #eec4ee;
--color-wineberry-300: #d6a4d6;
--color-wineberry-400: #c087c3;
--color-wineberry-500: #ab6baf;
--color-wineberry-600: #905b94;
--color-wineberry-700: #744877;
--color-wineberry-800: #553459;
--color-wineberry-900: #3b243e;
--color-wineberry-950: #251227;
}SCSS
$wineberry: #68326c;
$wineberry-rgb: 104, 50, 108;
$wineberry-light: mix(#fff, $wineberry, 20%);
$wineberry-dark: mix(#000, $wineberry, 20%);
.element {
color: $wineberry;
box-shadow: 0 0 0 2px rgba($wineberry, 0.35);
}