#AF1FBD

#AF1FBD

ダークオーキッド系

カラーコード変換

形式
HEX#AF1FBD
RGBrgb(175, 31, 189)
RGBArgba(175, 31, 189, 1)
HSLhsl(295, 72%, 43%)
HSVhsv(295, 84%, 74%)
CMYKcmyk(7%, 84%, 0%, 26%)
Aa

白背景

5.59:1AA適合

Aa

黒背景

3.75:1AA Large


配色パレット提案

補色

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

#AF1FBD#2CBD1F

類似色

色相環で隣接する色

#601FBD#881FBD#AF1FBD#BD1FA2#BD1F7B

トライアド

色相環で120°間隔の3色

#AF1FBD#BDAF1F#1FBDAF

テトラード

色相環で90°間隔の4色

#AF1FBD#BD601F#2CBD1F#1F7BBD

モノクローム

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

#350939#72147B#AF1FBD#D447E1#E389EC

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

補色の両隣の色

#AF1FBD#7BBD1F#1FBD60

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

ライト → ダーク

linear-gradient(135deg, #DE73E8, #AF1FBD, #490D4F)

補色グラデーション

linear-gradient(135deg, #AF1FBD, #2CBD1F)

類似色グラデーション

linear-gradient(135deg, #601FBD, #AF1FBD, #BD1F7B)

ラジアルグロー

radial-gradient(circle, #AF1FBD, #490D4F)

サンセット風

linear-gradient(to right, #AF1FBD, #BD1F7B, #2CBD1F)

オーバーレイ

linear-gradient(180deg, #AF1FBDCC, #AF1FBD33)

CSS使用例

背景色として使用

Hello, World!
background-color: #AF1FBD;

テキスト色として使用

Color Text
color: #AF1FBD;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー