#938CBA

#938CBA

ダークグレー系

カラーコード変換

形式
HEX#938CBA
RGBrgb(147, 140, 186)
RGBArgba(147, 140, 186, 1)
HSLhsl(249, 25%, 64%)
HSVhsv(249, 25%, 73%)
CMYKcmyk(21%, 25%, 0%, 27%)
Aa

白背景

3.13:1AA Large

Aa

黒背景

6.70:1AA適合


配色パレット提案

補色

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

#938CBA#B3BA8C

類似色

色相環で隣接する色

#8C9CBA#8C91BA#938CBA#9F8CBA#AA8CBA

トライアド

色相環で120°間隔の3色

#938CBA#BA938C#8CBA93

テトラード

色相環で90°間隔の4色

#938CBA#BA8C9C#B3BA8C#8CBAAA

モノクローム

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

#48416C#675E9C#938CBA#C0BCD7#EDECF4

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

補色の両隣の色

#938CBA#BAAA8C#9CBA8C

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

ライト → ダーク

linear-gradient(135deg, #DEDCEA, #938CBA, #524B7C)

補色グラデーション

linear-gradient(135deg, #938CBA, #B3BA8C)

類似色グラデーション

linear-gradient(135deg, #8C9CBA, #938CBA, #AA8CBA)

ラジアルグロー

radial-gradient(circle, #938CBA, #524B7C)

サンセット風

linear-gradient(to right, #938CBA, #AA8CBA, #B3BA8C)

オーバーレイ

linear-gradient(180deg, #938CBACC, #938CBA33)

CSS使用例

背景色として使用

Hello, World!
background-color: #938CBA;

テキスト色として使用

Color Text
color: #938CBA;

ボーダー色として使用

ボーダー要素
border: 3px solid #938CBA;

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #938CBA66;

関連するカラー