最も近い色名 · #6B4677
#6B4677
最も近い色名: Neon Violet
#6B4677（rgb(107 70 119)、hsl(285 26% 37%)、oklch(0.456 0.089 317.6)）に最も近い色名はNeon Violetです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#6B4677
oklch(0.456 0.089 317.6)
カラー変換
- HEX
- #6b4677
- RGB
- rgb(107 70 119)
- HSL
- hsl(285 26% 37%)
- HWB
- hwb(285 27% 53%)
- OKLCH
- oklch(0.456 0.089 317.6)
- OKLab
- oklab(0.456 0.066 -0.06)
- CIE Lab
- lab(35.56 23.23 -21.76)
- LCH
- lch(35.56 31.83 316.9)
- CMYK
- cmyk(10% 41% 0% 53%)
ティント · シェード · トーン
ティント
- 795784
- 876991
- 967A9F
- A48CAC
- B39FBA
- C2B1C7
- D1C4D5
- E0D8E3
- EFEBF1
シェード
- 5C3C67
- 4E3257
- 3F2847
- 321E38
- 25152A
- 180D1C
- 0D0510
- 040205
- 000001
トーン
- 6D4C78
- 705279
- 72587A
- 745E7B
- 76637C
- 78697D
- 7A6F7E
- 7C757F
- 7E7A7F
カラーハーモニー
補色 +180°
- 6B4677
Neon Violet
- 3D622F
≈ Greenhouse
類似色 -30° +30°
- 6B4677
Neon Violet
- 544E85
≈ Bright Eggplant
- 7A4160
≈ Purple Drab
トライアド +120° +240°
- 6B4677
Neon Violet
- 724F0E
≈ Lucky Brown
- 006466
≈ Really Teal
スプリットコンプリメンタリー +150° +210°
- 6B4677
Neon Violet
- 5C5A13
≈ Greensboro
- 0C664D
≈ Green Paw Paw
テトラード +90° +180° +270°
- 6B4677
Neon Violet
- 7E4628
≈ Sunbathing Beauty
- 3D622F
≈ Greenhouse
- 00607D
≈ Back of Beyond
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 7.58:1 · APCA Lc 86
Ag
Fail黒の上
WCAG 2.76:1 · APCA Lc 16
最適な文字色: #FFFFFF
WCAG 7.58:1 (AAA) · APCA Lc 86
Contrast pairs
コードスニペット
CSS
:root {
--neon-violet: #6b4677;
--neon-violet-rgb: 107 70 119;
--neon-violet-oklch: oklch(0.456 0.089 317.6);
}
.element {
color: var(--neon-violet);
background-color: hsl(285 26% 37%);
border-color: oklch(0.456 0.089 317.6);
}Tailwind CSS v4
@theme {
--color-neon-violet: #6b4677;
--color-neon-violet-50: #ffeeff;
--color-neon-violet-100: #f5dffb;
--color-neon-violet-200: #e5c9ed;
--color-neon-violet-300: #cca9d4;
--color-neon-violet-400: #b48ec1;
--color-neon-violet-500: #9e73ad;
--color-neon-violet-600: #866292;
--color-neon-violet-700: #6b4e75;
--color-neon-violet-800: #4e3957;
--color-neon-violet-900: #36273d;
--color-neon-violet-950: #211526;
}SCSS
$neon-violet: #6b4677;
$neon-violet-rgb: 107, 70, 119;
$neon-violet-light: mix(#fff, $neon-violet, 20%);
$neon-violet-dark: mix(#000, $neon-violet, 20%);
.element {
color: $neon-violet;
box-shadow: 0 0 0 2px rgba($neon-violet, 0.35);
}