#C94A90

#C94A90

インディアンレッド系

カラーコード変換

形式
HEX#C94A90
RGBrgb(201, 74, 144)
RGBArgba(201, 74, 144, 1)
HSLhsl(327, 54%, 54%)
HSVhsv(327, 63%, 79%)
CMYKcmyk(0%, 63%, 28%, 21%)
Aa

白背景

4.32:1AA Large

Aa

黒背景

4.87:1AA適合


配色パレット提案

補色

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

#C94A90#4AC983

類似色

色相環で隣接する色

#C34AC9#C94AB0#C94A90#C94A70#C94A51

トライアド

色相環で120°間隔の3色

#C94A90#90C94A#4A90C9

テトラード

色相環で90°間隔の4色

#C94A90#C9C34A#4AC983#4A51C9

モノクローム

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

#5E1C41#992E69#C94A90#DB85B4#ECC0D8

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

補色の両隣の色

#C94A90#51C94A#4AC9C3

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

ライト → ダーク

linear-gradient(135deg, #E6ADCC, #C94A90, #72224E)

補色グラデーション

linear-gradient(135deg, #C94A90, #4AC983)

類似色グラデーション

linear-gradient(135deg, #C34AC9, #C94A90, #C94A51)

ラジアルグロー

radial-gradient(circle, #C94A90, #72224E)

サンセット風

linear-gradient(to right, #C94A90, #C94A51, #4AC983)

オーバーレイ

linear-gradient(180deg, #C94A90CC, #C94A9033)

CSS使用例

背景色として使用

Hello, World!
background-color: #C94A90;

テキスト色として使用

Color Text
color: #C94A90;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー