#D115BE

#D115BE

ディープピンク系

カラーコード変換

形式
HEX#D115BE
RGBrgb(209, 21, 190)
RGBArgba(209, 21, 190, 1)
HSLhsl(306, 82%, 45%)
HSVhsv(306, 90%, 82%)
CMYKcmyk(0%, 90%, 9%, 18%)
Aa

白背景

4.60:1AA適合

Aa

黒背景

4.56:1AA適合


配色パレット提案

補色

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

#D115BE#15D127

類似色

色相環で隣接する色

#8615D1#B515D1#D115BE#D1158F#D11560

トライアド

色相環で120°間隔の3色

#D115BE#BED115#15BED1

テトラード

色相環で90°間隔の4色

#D115BE#D18615#15D127#1560D1

モノクローム

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

#46073F#8B0E7F#D115BE#ED45DC#F48BE9

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

補色の両隣の色

#D115BE#60D115#15D186

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

ライト → ダーク

linear-gradient(135deg, #F174E5, #D115BE, #5D0954)

補色グラデーション

linear-gradient(135deg, #D115BE, #15D127)

類似色グラデーション

linear-gradient(135deg, #8615D1, #D115BE, #D11560)

ラジアルグロー

radial-gradient(circle, #D115BE, #5D0954)

サンセット風

linear-gradient(to right, #D115BE, #D11560, #15D127)

オーバーレイ

linear-gradient(180deg, #D115BECC, #D115BE33)

CSS使用例

背景色として使用

Hello, World!
background-color: #D115BE;

テキスト色として使用

Color Text
color: #D115BE;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー