#DBB148

#DBB148

サンディブラウン系

カラーコード変換

形式
HEX#DBB148
RGBrgb(219, 177, 72)
RGBArgba(219, 177, 72, 1)
HSLhsl(43, 67%, 57%)
HSVhsv(43, 67%, 86%)
CMYKcmyk(0%, 19%, 67%, 14%)
Aa

白背景

2.02:1不適合

Aa

黒背景

10.39:1AA適合


配色パレット提案

補色

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

#DBB148#4872DB

類似色

色相環で隣接する色

#DB6848#DB8C48#DBB148#DBD648#BBDB48

トライアド

色相環で120°間隔の3色

#DBB148#48DBB1#B148DB

テトラード

色相環で90°間隔の4色

#DBB148#48DB68#4872DB#DB48BB

モノクローム

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

#735917#B38A23#DBB148#E7CC88#F4E7C8

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

補色の両隣の色

#DBB148#48BBDB#6848DB

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

ライト → ダーク

linear-gradient(135deg, #F0DEB2, #DBB148, #88691B)

補色グラデーション

linear-gradient(135deg, #DBB148, #4872DB)

類似色グラデーション

linear-gradient(135deg, #DB6848, #DBB148, #BBDB48)

ラジアルグロー

radial-gradient(circle, #DBB148, #88691B)

サンセット風

linear-gradient(to right, #DBB148, #BBDB48, #4872DB)

オーバーレイ

linear-gradient(180deg, #DBB148CC, #DBB14833)

CSS使用例

背景色として使用

Hello, World!
background-color: #DBB148;

テキスト色として使用

Color Text
color: #DBB148;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー