最も近い色名 · #67346D
#67346D
最も近い色名: Plum
#67346D（rgb(103 52 109)、hsl(294 35% 32%)、oklch(0.414 0.109 323.3)）に最も近い色名はPlumです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#67346D
oklch(0.414 0.109 323.3)
カラー変換
- HEX
- #67346d
- RGB
- rgb(103 52 109)
- HSL
- hsl(294 35% 32%)
- HWB
- hwb(294 20% 57%)
- OKLCH
- oklch(0.414 0.109 323.3)
- OKLab
- oklab(0.414 0.087 -0.065)
- CIE Lab
- lab(30.42 30.25 -23.5)
- LCH
- lch(30.42 38.3 322.2)
- CMYK
- cmyk(6% 52% 0% 57%)
ティント · シェード · トーン
ティント
- 76477B
- 855A89
- 946E98
- A382A6
- B296B4
- C1AAC3
- D0BFD2
- E0D4E1
- EFE9F0
シェード
- 592C5E
- 4B244F
- 3D1C41
- 301533
- 230E26
- 170719
- 0C030D
- 040104
- 000001
トーン
- 6A3C6F
- 6D4471
- 704C73
- 725375
- 755B77
- 776279
- 7A6A7B
- 7C717D
- 7E797E
カラーハーモニー
補色 +180°
- 67346D
Plum
- 1F5A1F
≈ Sombre Green
類似色 -30° +30°
- 67346D
Plum
- 4F3D80
≈ Loden Purple
- 762E50
≈ Flirt
トライアド +120° +240°
- 67346D
Plum
- 624600
≈ Mud Brown
- 00565D
≈ Deep Teal
スプリットコンプリメンタリー +150° +210°
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 9.17:1 · APCA Lc 91
Ag
Fail黒の上
WCAG 2.28:1 · APCA Lc 12
最適な文字色: #FFFFFF
WCAG 9.17:1 (AAA) · APCA Lc 91
Contrast pairs
コードスニペット
CSS
:root {
--plum: #67346d;
--plum-rgb: 103 52 109;
--plum-oklch: oklch(0.414 0.109 323.3);
}
.element {
color: var(--plum);
background-color: hsl(294 35% 32%);
border-color: oklch(0.414 0.109 323.3);
}Tailwind CSS v4
@theme {
--color-plum: #67346d;
--color-plum-50: #ffebff;
--color-plum-100: #fbdcfc;
--color-plum-200: #edc5ee;
--color-plum-300: #d4a4d6;
--color-plum-400: #be88c4;
--color-plum-500: #a96caf;
--color-plum-600: #8e5c94;
--color-plum-700: #724977;
--color-plum-800: #533559;
--color-plum-900: #3a243e;
--color-plum-950: #241327;
}SCSS
$plum: #67346d;
$plum-rgb: 103, 52, 109;
$plum-light: mix(#fff, $plum, 20%);
$plum-dark: mix(#000, $plum, 20%);
.element {
color: $plum;
box-shadow: 0 0 0 2px rgba($plum, 0.35);
}