#936276

#936276

グレー系

カラーコード変換

形式
HEX#936276
RGBrgb(147, 98, 118)
RGBArgba(147, 98, 118, 1)
HSLhsl(336, 20%, 48%)
HSVhsv(336, 33%, 58%)
CMYKcmyk(0%, 33%, 20%, 42%)
Aa

白背景

4.94:1AA適合

Aa

黒背景

4.25:1AA Large


配色パレット提案

補色

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

#936276#62937F

類似色

色相環で隣接する色

#93628E#936282#936276#936269#936762

トライアド

色相環で120°間隔の3色

#936276#769362#627693

テトラード

色相環で90°間隔の4色

#936276#8E9362#62937F#676293

モノクローム

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

#37252C#654351#936276#B48E9D#D2BCC5

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

補色の両隣の色

#936276#629367#628E93

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

ライト → ダーク

linear-gradient(135deg, #C8ACB7, #936276, #462F38)

補色グラデーション

linear-gradient(135deg, #936276, #62937F)

類似色グラデーション

linear-gradient(135deg, #93628E, #936276, #936762)

ラジアルグロー

radial-gradient(circle, #936276, #462F38)

サンセット風

linear-gradient(to right, #936276, #936762, #62937F)

オーバーレイ

linear-gradient(180deg, #936276CC, #93627633)

CSS使用例

背景色として使用

Hello, World!
background-color: #936276;

テキスト色として使用

Color Text
color: #936276;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #93627666;

関連するカラー