#814846

#814846

ディムグレー系

カラーコード変換

形式
HEX#814846
RGBrgb(129, 72, 70)
RGBArgba(129, 72, 70, 1)
HSLhsl(2, 30%, 39%)
HSVhsv(2, 46%, 51%)
CMYKcmyk(0%, 44%, 46%, 49%)
Aa

白背景

7.12:1AA適合

Aa

黒背景

2.95:1不適合


配色パレット提案

補色

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

#814846#467F81

類似色

色相環で隣接する色

#814661#814653#814846#815746#816546

トライアド

色相環で120°間隔の3色

#814846#468148#484681

テトラード

色相環で90°間隔の4色

#814846#618146#467F81#654681

モノクローム

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

#1E1110#502C2B#814846#AD6967#C89A98

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

補色の両隣の色

#814846#468165#466181

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

ライト → ダーク

linear-gradient(135deg, #BF8988, #814846, #2E1A19)

補色グラデーション

linear-gradient(135deg, #814846, #467F81)

類似色グラデーション

linear-gradient(135deg, #814661, #814846, #816546)

ラジアルグロー

radial-gradient(circle, #814846, #2E1A19)

サンセット風

linear-gradient(to right, #814846, #816546, #467F81)

オーバーレイ

linear-gradient(180deg, #814846CC, #81484633)

CSS使用例

背景色として使用

Hello, World!
background-color: #814846;

テキスト色として使用

Color Text
color: #814846;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー