#DA7116

#DA7116

ダークオレンジ系

カラーコード変換

形式
HEX#DA7116
RGBrgb(218, 113, 22)
RGBArgba(218, 113, 22, 1)
HSLhsl(28, 82%, 47%)
HSVhsv(28, 90%, 85%)
CMYKcmyk(0%, 48%, 90%, 15%)
Aa

白背景

3.30:1AA Large

Aa

黒背景

6.35:1AA適合


配色パレット提案

補色

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

#DA7116#167EDA

類似色

色相環で隣接する色

#DA161C#DA4016#DA7116#DAA216#DAD416

トライアド

色相環で120°間隔の3色

#DA7116#16DA71#7116DA

テトラード

色相環で90°間隔の4色

#DA7116#1CDA16#167EDA#D416DA

モノクローム

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

#4F2908#954D0F#DA7116#EE994F#F4C194

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

補色の両隣の色

#DA7116#16DAD4#161CDA

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

ライト → ダーク

linear-gradient(135deg, #F2B47D, #DA7116, #66350A)

補色グラデーション

linear-gradient(135deg, #DA7116, #167EDA)

類似色グラデーション

linear-gradient(135deg, #DA161C, #DA7116, #DAD416)

ラジアルグロー

radial-gradient(circle, #DA7116, #66350A)

サンセット風

linear-gradient(to right, #DA7116, #DAD416, #167EDA)

オーバーレイ

linear-gradient(180deg, #DA7116CC, #DA711633)

CSS使用例

背景色として使用

Hello, World!
background-color: #DA7116;

テキスト色として使用

Color Text
color: #DA7116;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー