#786354

#786354

ディムグレー系

カラーコード変換

形式
HEX#786354
RGBrgb(120, 99, 84)
RGBArgba(120, 99, 84, 1)
HSLhsl(25, 18%, 40%)
HSVhsv(25, 30%, 47%)
CMYKcmyk(0%, 18%, 30%, 53%)
Aa

白背景

5.66:1AA適合

Aa

黒背景

3.71:1AA Large


配色パレット提案

補色

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

#786354#546978

類似色

色相環で隣接する色

#785457#785A54#786354#786C54#787554

トライアド

色相環で120°間隔の3色

#786354#547863#635478

テトラード

色相環で90°間隔の4色

#786354#577854#546978#755478

モノクローム

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

#1E1915#4B3E34#786354#A18978#C0B0A5

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

補色の両隣の色

#786354#547875#545778

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

ライト → ダーク

linear-gradient(135deg, #B6A396, #786354, #2D251F)

補色グラデーション

linear-gradient(135deg, #786354, #546978)

類似色グラデーション

linear-gradient(135deg, #785457, #786354, #787554)

ラジアルグロー

radial-gradient(circle, #786354, #2D251F)

サンセット風

linear-gradient(to right, #786354, #787554, #546978)

オーバーレイ

linear-gradient(180deg, #786354CC, #78635433)

CSS使用例

背景色として使用

Hello, World!
background-color: #786354;

テキスト色として使用

Color Text
color: #786354;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー