#B20692

#B20692

ダークマゼンタ系

カラーコード変換

形式
HEX#B20692
RGBrgb(178, 6, 146)
RGBArgba(178, 6, 146, 1)
HSLhsl(311, 93%, 36%)
HSVhsv(311, 97%, 70%)
CMYKcmyk(0%, 97%, 18%, 30%)
Aa

白背景

6.30:1AA適合

Aa

黒背景

3.33:1AA Large


配色パレット提案

補色

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

#B20692#06B126

類似色

色相環で隣接する色

#7B06B1#A606B1#B20692#B10667#B1063C

トライアド

色相環で120°間隔の3色

#B20692#92B106#0692B1

テトラード

色相環で90°間隔の4色

#B20692#B17B06#06B126#063CB1

モノクローム

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

#1E0118#670455#B20692#F60ECC#F958DB

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

補色の両隣の色

#B20692#3CB106#06B17B

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

ライト → ダーク

linear-gradient(135deg, #F83FD6, #B20692, #36022D)

補色グラデーション

linear-gradient(135deg, #B20692, #06B126)

類似色グラデーション

linear-gradient(135deg, #7B06B1, #B20692, #B1063C)

ラジアルグロー

radial-gradient(circle, #B20692, #36022D)

サンセット風

linear-gradient(to right, #B20692, #B1063C, #06B126)

オーバーレイ

linear-gradient(180deg, #B20692CC, #B2069233)

CSS使用例

背景色として使用

Hello, World!
background-color: #B20692;

テキスト色として使用

Color Text
color: #B20692;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー