#911ABC

#911ABC

ダークオーキッド系

カラーコード変換

形式
HEX#911ABC
RGBrgb(145, 26, 188)
RGBArgba(145, 26, 188, 1)
HSLhsl(284, 76%, 42%)
HSVhsv(284, 86%, 74%)
CMYKcmyk(23%, 86%, 0%, 26%)
Aa

白背景

6.82:1AA適合

Aa

黒背景

3.08:1AA Large


配色パレット提案

補色

色相環で180°反対に位置する色

#911ABC#45BC1A

類似色

色相環で隣接する色

#401ABC#681ABC#911ABC#BA1ABC#BC1A97

トライアド

色相環で120°間隔の3色

#911ABC#BC911A#1ABC91

テトラード

色相環で90°間隔の4色

#911ABC#BC401A#45BC1A#1A97BC

モノクローム

同じ色相の明度バリエーション

#290736#5D1179#911ABC#B83EE5#D181EE

スプリットコンプリメンタリー

補色の両隣の色

#911ABC#97BC1A#1ABC40

CSSグラデーションサンプル

ライト → ダーク

linear-gradient(135deg, #C96BEB, #911ABC, #3B0A4C)

補色グラデーション

linear-gradient(135deg, #911ABC, #45BC1A)

類似色グラデーション

linear-gradient(135deg, #401ABC, #911ABC, #BC1A97)

ラジアルグロー

radial-gradient(circle, #911ABC, #3B0A4C)

サンセット風

linear-gradient(to right, #911ABC, #BC1A97, #45BC1A)

オーバーレイ

linear-gradient(180deg, #911ABCCC, #911ABC33)

CSS使用例

背景色として使用

Hello, World!
background-color: #911ABC;

テキスト色として使用

Color Text
color: #911ABC;

ボーダー色として使用

ボーダー要素
border: 3px solid #911ABC;

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #911ABC66;

関連するカラー