#C526BA

#C526BA

ダークオーキッド系

カラーコード変換

形式
HEX#C526BA
RGBrgb(197, 38, 186)
RGBArgba(197, 38, 186, 1)
HSLhsl(304, 68%, 46%)
HSVhsv(304, 81%, 77%)
CMYKcmyk(0%, 81%, 6%, 23%)
Aa

白背景

4.82:1AA適合

Aa

黒背景

4.36:1AA Large


配色パレット提案

補色

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

#C526BA#26C530

類似色

色相環で隣接する色

#8026C5#A826C5#C526BA#C52693#C5266B

トライアド

色相環で120°間隔の3色

#C526BA#BAC526#26BAC5

テトラード

色相環で90°間隔の4色

#C526BA#C58026#26C530#266BC5

モノクローム

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

#450D41#85197E#C526BA#DF58D6#EB98E6

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

補色の両隣の色

#C526BA#6BC526#26C580

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

ライト → ダーク

linear-gradient(135deg, #E783E1, #C526BA, #5A1155)

補色グラデーション

linear-gradient(135deg, #C526BA, #26C530)

類似色グラデーション

linear-gradient(135deg, #8026C5, #C526BA, #C5266B)

ラジアルグロー

radial-gradient(circle, #C526BA, #5A1155)

サンセット風

linear-gradient(to right, #C526BA, #C5266B, #26C530)

オーバーレイ

linear-gradient(180deg, #C526BACC, #C526BA33)

CSS使用例

背景色として使用

Hello, World!
background-color: #C526BA;

テキスト色として使用

Color Text
color: #C526BA;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー