#D42189

#D42189

ディープピンク系

カラーコード変換

形式
HEX#D42189
RGBrgb(212, 33, 137)
RGBArgba(212, 33, 137, 1)
HSLhsl(325, 73%, 48%)
HSVhsv(325, 84%, 83%)
CMYKcmyk(0%, 84%, 35%, 17%)
Aa

白背景

4.80:1AA適合

Aa

黒背景

4.38:1AA Large


配色パレット提案

補色

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

#D42189#21D46C

類似色

色相環で隣接する色

#C521D4#D421B6#D42189#D4215D#D42130

トライアド

色相環で120°間隔の3色

#D42189#89D421#2189D4

テトラード

色相環で90°間隔の4色

#D42189#D4C521#21D46C#2130D4

モノクローム

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

#4F0C33#92175E#D42189#E65CAC#F09ECE

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

補色の両隣の色

#D42189#30D421#21D4C5

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

ライト → ダーク

linear-gradient(135deg, #EC88C3, #D42189, #651042)

補色グラデーション

linear-gradient(135deg, #D42189, #21D46C)

類似色グラデーション

linear-gradient(135deg, #C521D4, #D42189, #D42130)

ラジアルグロー

radial-gradient(circle, #D42189, #651042)

サンセット風

linear-gradient(to right, #D42189, #D42130, #21D46C)

オーバーレイ

linear-gradient(180deg, #D42189CC, #D4218933)

CSS使用例

背景色として使用

Hello, World!
background-color: #D42189;

テキスト色として使用

Color Text
color: #D42189;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー