#786476

#786476

ディムグレー系

カラーコード変換

形式
HEX#786476
RGBrgb(120, 100, 118)
RGBArgba(120, 100, 118, 1)
HSLhsl(306, 9%, 43%)
HSVhsv(306, 17%, 47%)
CMYKcmyk(0%, 17%, 2%, 53%)
Aa

白背景

5.41:1AA適合

Aa

黒背景

3.88:1AA Large


配色パレット提案

補色

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

#786476#647866

類似色

色相環で隣接する色

#706478#756478#786476#786471#78646C

トライアド

色相環で120°間隔の3色

#786476#767864#647678

テトラード

色相環で90°間隔の4色

#786476#787064#647866#646C78

モノクローム

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

#241E24#4E414D#786476#9E8A9C#C0B4BF

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

補色の両隣の色

#786476#6C7864#647870

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

ライト → ダーク

linear-gradient(135deg, #B5A6B3, #786476, #322A31)

補色グラデーション

linear-gradient(135deg, #786476, #647866)

類似色グラデーション

linear-gradient(135deg, #706478, #786476, #78646C)

ラジアルグロー

radial-gradient(circle, #786476, #322A31)

サンセット風

linear-gradient(to right, #786476, #78646C, #647866)

オーバーレイ

linear-gradient(180deg, #786476CC, #78647633)

CSS使用例

背景色として使用

Hello, World!
background-color: #786476;

テキスト色として使用

Color Text
color: #786476;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー