#7B6056

#7B6056

ディムグレー系

カラーコード変換

形式
HEX#7B6056
RGBrgb(123, 96, 86)
RGBArgba(123, 96, 86, 1)
HSLhsl(16, 18%, 41%)
HSVhsv(16, 30%, 48%)
CMYKcmyk(0%, 22%, 30%, 52%)
Aa

白背景

5.75:1AA適合

Aa

黒背景

3.65:1AA Large


配色パレット提案

補色

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

#7B6056#56717B

類似色

色相環で隣接する色

#7B565F#7B5656#7B6056#7B6956#7B7356

トライアド

色相環で120°間隔の3色

#7B6056#567B60#60567B

テトラード

色相環で90°間隔の4色

#7B6056#5F7B56#56717B#73567B

モノクローム

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

#211A17#4E3D36#7B6056#A3857B#C2AFA8

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

補色の両隣の色

#7B6056#567B73#565F7B

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

ライト → ダーク

linear-gradient(135deg, #B8A199, #7B6056, #302521)

補色グラデーション

linear-gradient(135deg, #7B6056, #56717B)

類似色グラデーション

linear-gradient(135deg, #7B565F, #7B6056, #7B7356)

ラジアルグロー

radial-gradient(circle, #7B6056, #302521)

サンセット風

linear-gradient(to right, #7B6056, #7B7356, #56717B)

オーバーレイ

linear-gradient(180deg, #7B6056CC, #7B605633)

CSS使用例

背景色として使用

Hello, World!
background-color: #7B6056;

テキスト色として使用

Color Text
color: #7B6056;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #7B605666;

関連するカラー