#D66029

#D66029

バーミリオン系

カラーコード変換

形式
HEX#D66029
RGBrgb(214, 96, 41)
RGBArgba(214, 96, 41, 1)
HSLhsl(19, 68%, 50%)
HSVhsv(19, 81%, 84%)
CMYKcmyk(0%, 55%, 81%, 16%)
Aa

白背景

3.77:1AA Large

Aa

黒背景

5.56:1AA適合


配色パレット提案

補色

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

#D66029#299FD6

類似色

色相環で隣接する色

#D62949#D63429#D66029#D68B29#D6B629

トライアド

色相環で120°間隔の3色

#D66029#29D660#6029D6

テトラード

色相環で90°間隔の4色

#D66029#49D629#299FD6#B629D6

モノクローム

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

#562610#96431D#D66029#E28F69#EFBFA9

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

補色の両隣の色

#D66029#29D6B6#2949D6

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

ライト → ダーク

linear-gradient(135deg, #EBAF94, #D66029, #6B3014)

補色グラデーション

linear-gradient(135deg, #D66029, #299FD6)

類似色グラデーション

linear-gradient(135deg, #D62949, #D66029, #D6B629)

ラジアルグロー

radial-gradient(circle, #D66029, #6B3014)

サンセット風

linear-gradient(to right, #D66029, #D6B629, #299FD6)

オーバーレイ

linear-gradient(180deg, #D66029CC, #D6602933)

CSS使用例

背景色として使用

Hello, World!
background-color: #D66029;

テキスト色として使用

Color Text
color: #D66029;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー