#B819BE

#B819BE

ダークオーキッド系

カラーコード変換

形式
HEX#B819BE
RGBrgb(184, 25, 190)
RGBArgba(184, 25, 190, 1)
HSLhsl(298, 77%, 42%)
HSVhsv(298, 87%, 75%)
CMYKcmyk(3%, 87%, 0%, 25%)
Aa

白背景

5.36:1AA適合

Aa

黒背景

3.92:1AA Large


配色パレット提案

補色

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

#B819BE#1EBE19

類似色

色相環で隣接する色

#6619BE#8F19BE#B819BE#BE199A#BE1971

トライアド

色相環で120°間隔の3色

#B819BE#BEB819#19BEB8

テトラード

色相環で90°間隔の4色

#B819BE#BE6619#1EBE19#1971BE

モノクローム

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

#350736#76107A#B819BE#E03DE6#EB81EF

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

補色の両隣の色

#B819BE#71BE19#19BE66

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

ライト → ダーク

linear-gradient(135deg, #E76AEC, #B819BE, #4B0A4D)

補色グラデーション

linear-gradient(135deg, #B819BE, #1EBE19)

類似色グラデーション

linear-gradient(135deg, #6619BE, #B819BE, #BE1971)

ラジアルグロー

radial-gradient(circle, #B819BE, #4B0A4D)

サンセット風

linear-gradient(to right, #B819BE, #BE1971, #1EBE19)

オーバーレイ

linear-gradient(180deg, #B819BECC, #B819BE33)

CSS使用例

背景色として使用

Hello, World!
background-color: #B819BE;

テキスト色として使用

Color Text
color: #B819BE;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー