#D86E64

#D86E64

インディアンレッド系

カラーコード変換

形式
HEX#D86E64
RGBrgb(216, 110, 100)
RGBArgba(216, 110, 100, 1)
HSLhsl(5, 60%, 62%)
HSVhsv(5, 54%, 85%)
CMYKcmyk(0%, 49%, 54%, 15%)
Aa

白背景

3.32:1AA Large

Aa

黒背景

6.33:1AA適合


配色パレット提案

補色

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

#D86E64#64CFD8

類似色

色相環で隣接する色

#D86494#D86477#D86E64#D88B64#D8A864

トライアド

色相環で120°間隔の3色

#D86E64#64D86E#6E64D8

テトラード

色相環で90°間隔の4色

#D86E64#94D864#64CFD8#A864D8

モノクローム

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

#832921#C03C30#D86E64#E8A7A1#F7E0DE

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

補色の両隣の色

#D86E64#64D8A8#6494D8

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

ライト → ダーク

linear-gradient(135deg, #F2CDCA, #D86E64, #972F26)

補色グラデーション

linear-gradient(135deg, #D86E64, #64CFD8)

類似色グラデーション

linear-gradient(135deg, #D86494, #D86E64, #D8A864)

ラジアルグロー

radial-gradient(circle, #D86E64, #972F26)

サンセット風

linear-gradient(to right, #D86E64, #D8A864, #64CFD8)

オーバーレイ

linear-gradient(180deg, #D86E64CC, #D86E6433)

CSS使用例

背景色として使用

Hello, World!
background-color: #D86E64;

テキスト色として使用

Color Text
color: #D86E64;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー