#B02754

#B02754

ダークマゼンタ系

カラーコード変換

形式
HEX#B02754
RGBrgb(176, 39, 84)
RGBArgba(176, 39, 84, 1)
HSLhsl(340, 64%, 42%)
HSVhsv(340, 78%, 69%)
CMYKcmyk(0%, 78%, 52%, 31%)
Aa

白背景

6.43:1AA適合

Aa

黒背景

3.26:1AA Large


配色パレット提案

補色

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

#B02754#27B082

類似色

色相環で隣接する色

#B02799#B02777#B02754#B02732#B03D27

トライアド

色相環で120°間隔の3色

#B02754#54B027#2754B0

テトラード

色相環で90°間隔の4色

#B02754#99B027#27B082#3D27B0

モノクローム

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

#320B18#711936#B02754#D84B7A#E58AA8

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

補色の両隣の色

#B02754#27B03D#2799B0

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

ライト → ダーク

linear-gradient(135deg, #E17599, #B02754, #471022)

補色グラデーション

linear-gradient(135deg, #B02754, #27B082)

類似色グラデーション

linear-gradient(135deg, #B02799, #B02754, #B03D27)

ラジアルグロー

radial-gradient(circle, #B02754, #471022)

サンセット風

linear-gradient(to right, #B02754, #B03D27, #27B082)

オーバーレイ

linear-gradient(180deg, #B02754CC, #B0275433)

CSS使用例

背景色として使用

Hello, World!
background-color: #B02754;

テキスト色として使用

Color Text
color: #B02754;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー