#CD9123

#CD9123

ダークオレンジ系

カラーコード変換

形式
HEX#CD9123
RGBrgb(205, 145, 35)
RGBArgba(205, 145, 35, 1)
HSLhsl(39, 71%, 47%)
HSVhsv(39, 83%, 80%)
CMYKcmyk(0%, 29%, 83%, 20%)
Aa

白背景

2.74:1不適合

Aa

黒背景

7.67:1AA適合


配色パレット提案

補色

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

#CD9123#235ECD

類似色

色相環で隣接する色

#CD3C23#CD6723#CD9123#CDBC23#B3CD23

トライアド

色相環で120°間隔の3色

#CD9123#23CD91#9123CD

テトラード

色相環で90°間隔の4色

#CD9123#23CD3C#235ECD#CD23B3

モノクローム

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

#4A350D#8C6318#CD9123#E3B359#EED19B

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

補色の両隣の色

#CD9123#23B3CD#3C23CD

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

ライト → ダーク

linear-gradient(135deg, #EAC785, #CD9123, #604410)

補色グラデーション

linear-gradient(135deg, #CD9123, #235ECD)

類似色グラデーション

linear-gradient(135deg, #CD3C23, #CD9123, #B3CD23)

ラジアルグロー

radial-gradient(circle, #CD9123, #604410)

サンセット風

linear-gradient(to right, #CD9123, #B3CD23, #235ECD)

オーバーレイ

linear-gradient(180deg, #CD9123CC, #CD912333)

CSS使用例

背景色として使用

Hello, World!
background-color: #CD9123;

テキスト色として使用

Color Text
color: #CD9123;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー