カラーパレット

グレープ

黒ぶどうの房のような強い紫です。明るくみずみずしい印象があります。飲料やお菓子、若々しい服に使われます。

別名:グレープパープル, ぶどう色

グレープ · #6F2DA8

グレープの基本情報

グレープ(#6F2DA8)は、寒色系・中くらいの明るさ・中くらいの彩度の色です。紫系の色のグループに属します。RGBの値は赤111・緑45・青168(各255段階)。主な用途:食品, ファッション, 子ども向け。

グレープの濃淡:明るいトーンと暗いトーン

明るい色から暗い色の順に並んでいます。色をタップするとカラーコードをコピーできます。

グレープの配色ハーモニー

色相環にもとづいた配色です。配色ハーモニーツールでさらに多くのパターンを試せます。

補色近い色:フォレストグリーン
類似色近い色:クラインブルー, パープル
トライアド近い色:銅色, 翡翠色
スプリット・コンプリメンタリー近い色:オールドゴールド, フォレストグリーン

グレープを使ったカラーパレット

カラーコードをコピーするか、エディターで開いて自由に調整できます。

モノクロマティックパレット · グレープ
類似色パレット · グレープ
補色パレット · グレープ
トライアドパレット · グレープ
ニュートラルカラー入りパレット · グレープ
アクセントカラー入りパレット · グレープ

グレープと文字色のコントラスト

白い文字コントラスト比 8.0:1 · AAA
黒い文字コントラスト比 2.6:1 · 非推奨

WCAG 2.1の基準にもとづいています。ほかの色の組み合わせはコントラストチェッカーで確認できます。

CSSコード

:root {
  --grape-purple: #6F2DA8;
  --grape-purple-rgb: 111, 45, 168;
}
.bg { background-color: var(--grape-purple); }
.text { color: var(--grape-purple); }

グレープに近い色

藍色紫パープルクラインブルー群青色アメジストネイビーダークブルーミッドナイトブルーコバルトブルー

その他の紫系の色

バイオレット紫パープルライラックラベンダーモーブプラムアメジスト茄子紺オーキッド藍色藤色パステルライラックウルトラバイオレット

よくある質問

グレープのカラーコードは?

グレープのHEXコードは#6F2DA8です。RGBではrgb(111, 45, 168)、HSLではhsl(272, 58%, 42%)、CMYKでは34, 73, 0, 34となります。

グレープの補色は何色ですか?

色相環で反対側にある補色は#66A82Dで、フォレストグリーンに近い色合いです。少量をアクセントとして使うと、強いコントラストが生まれます。

グレープの上に白い文字を置いても読みやすいですか?

はい。白とのコントラスト比は8.0:1で、通常サイズの文字にも十分です(WCAG AA)。