#D17652

#D17652

インディアンレッド系

カラーコード変換

形式
HEX#D17652
RGBrgb(209, 118, 82)
RGBArgba(209, 118, 82, 1)
HSLhsl(17, 58%, 57%)
HSVhsv(17, 61%, 82%)
CMYKcmyk(0%, 44%, 61%, 18%)
Aa

白背景

3.27:1AA Large

Aa

黒背景

6.42:1AA適合


配色パレット提案

補色

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

#D17652#52ADD1

類似色

色相環で隣接する色

#D1526D#D15652#D17652#D19652#D1B552

トライアド

色相環で120°間隔の3色

#D17652#52D176#7652D1

テトラード

色相環で90°間隔の4色

#D17652#6DD152#52ADD1#B552D1

モノクローム

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

#6D341D#A9502D#D17652#E1A68E#F1D6CB

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

補色の両隣の色

#D17652#52D1B5#526DD1

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

ライト → ダーク

linear-gradient(135deg, #ECC6B6, #D17652, #813D22)

補色グラデーション

linear-gradient(135deg, #D17652, #52ADD1)

類似色グラデーション

linear-gradient(135deg, #D1526D, #D17652, #D1B552)

ラジアルグロー

radial-gradient(circle, #D17652, #813D22)

サンセット風

linear-gradient(to right, #D17652, #D1B552, #52ADD1)

オーバーレイ

linear-gradient(180deg, #D17652CC, #D1765233)

CSS使用例

背景色として使用

Hello, World!
background-color: #D17652;

テキスト色として使用

Color Text
color: #D17652;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー