#C996F8

#C996F8

プラム系

カラーコード変換

形式
HEX#C996F8
RGBrgb(201, 150, 248)
RGBArgba(201, 150, 248, 1)
HSLhsl(271, 88%, 78%)
HSVhsv(271, 40%, 97%)
CMYKcmyk(19%, 40%, 0%, 3%)
Aa

白背景

2.28:1不適合

Aa

黒背景

9.20:1AA適合


配色パレット提案

補色

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

#C996F8#C5F896

類似色

色相環で隣接する色

#9796F8#B096F8#C996F8#E196F8#F896F7

トライアド

色相環で120°間隔の3色

#C996F8#F8C996#96F8C9

テトラード

色相環で90°間隔の4色

#C996F8#F89796#C5F896#96F7F8

モノクローム

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

#7E0FE6#A34EF4#C996F8#EEDDFD#FFFFFF

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

補色の両隣の色

#C996F8#F7F896#96F897

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

ライト → ダーク

linear-gradient(135deg, #FFFFFF, #C996F8, #8B1EF1)

補色グラデーション

linear-gradient(135deg, #C996F8, #C5F896)

類似色グラデーション

linear-gradient(135deg, #9796F8, #C996F8, #F896F7)

ラジアルグロー

radial-gradient(circle, #C996F8, #8B1EF1)

サンセット風

linear-gradient(to right, #C996F8, #F896F7, #C5F896)

オーバーレイ

linear-gradient(180deg, #C996F8CC, #C996F833)

CSS使用例

背景色として使用

Hello, World!
background-color: #C996F8;

テキスト色として使用

Color Text
color: #C996F8;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー