カラーパレット

ウルトラバイオレット

2018年のパントン・カラー・オブ・ザ・イヤーです。創造性や未来を連想させる、青みを帯びた深い紫です。ファッションや音楽、テクノロジー系のキャンペーンに使われます。

別名：ウルトラバイオレット色, 青紫

ウルトラバイオレット · #5F4B8B

ウルトラバイオレットの基本情報

ウルトラバイオレット（#5F4B8B）は、寒色系・中くらいの明るさ・くすみ系の色です。紫系の色のグループに属します。RGBの値は赤95・緑75・青139（各255段階）。主な用途：ファッション, ブランディング, グラフィックデザイン。

ウルトラバイオレットの濃淡：明るいトーンと暗いトーン

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

ウルトラバイオレットの配色ハーモニー

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

補色近い色：モスグリーン
類似色近い色：プラム
トライアド近い色：コーヒーブラウン, メキシコ国旗の緑
スプリット・コンプリメンタリー近い色：モスグリーン
テトラード近い色：マルサラ, モスグリーン, パイングリーン

ウルトラバイオレットを使ったカラーパレット

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

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

ウルトラバイオレットと文字色のコントラスト

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

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

CSSコード

:root {
  --ultra-violet: #5F4B8B;
  --ultra-violet-rgb: 95, 75, 139;
}
.bg { background-color: var(--ultra-violet); }
.text { color: var(--ultra-violet); }

ウルトラバイオレットに近い色

プラムデニムブルーコバルトブルーアメジストサファイアブルーフレンチブルーミッドナイトブルー茄子紺ラベンダープルシアンブルー

この色を使ったテーマ別パレット

Instagramのカラーパレットクリニック・診療所のカラーパレットレトロなカラーパレットエモいカラーパレットイースターのカラーパレットビーチのカラーパレット

その他の紫系の色

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

よくある質問

ウルトラバイオレットのカラーコードは？

ウルトラバイオレットのHEXコードは#5F4B8Bです。RGBではrgb(95, 75, 139)、HSLではhsl(259, 30%, 42%)、CMYKでは32, 46, 0, 45となります。

ウルトラバイオレットの補色は何色ですか？

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

ウルトラバイオレットの上に白い文字を置いても読みやすいですか？

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