#C09382

#C09382

タン系

カラーコード変換

形式
HEX#C09382
RGBrgb(192, 147, 130)
RGBArgba(192, 147, 130, 1)
HSLhsl(16, 33%, 63%)
HSVhsv(16, 32%, 75%)
CMYKcmyk(0%, 23%, 32%, 25%)
Aa

白背景

2.71:1不適合

Aa

黒背景

7.74:1AA適合


配色パレット提案

補色

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

#C09382#82AFC0

類似色

色相環で隣接する色

#C08290#C08382#C09382#C0A282#C0B182

トライアド

色相環で120°間隔の3色

#C09382#82C092#9282C0

テトラード

色相環で90°間隔の4色

#C09382#90C082#82AFC0#B182C0

モノクローム

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

#704738#A36852#C09382#D9BEB4#F3EAE7

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

補色の両隣の色

#C09382#82C0B1#8290C0

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

ライト → ダーク

linear-gradient(135deg, #EADCD6, #C09382, #815241)

補色グラデーション

linear-gradient(135deg, #C09382, #82AFC0)

類似色グラデーション

linear-gradient(135deg, #C08290, #C09382, #C0B182)

ラジアルグロー

radial-gradient(circle, #C09382, #815241)

サンセット風

linear-gradient(to right, #C09382, #C0B182, #82AFC0)

オーバーレイ

linear-gradient(180deg, #C09382CC, #C0938233)

CSS使用例

背景色として使用

Hello, World!
background-color: #C09382;

テキスト色として使用

Color Text
color: #C09382;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー