#EE4996

#EE4996

ホットピンク系

カラーコード変換

形式
HEX#EE4996
RGBrgb(238, 73, 150)
RGBArgba(238, 73, 150, 1)
HSLhsl(332, 83%, 61%)
HSVhsv(332, 69%, 93%)
CMYKcmyk(0%, 69%, 37%, 7%)
Aa

白背景

3.48:1AA Large

Aa

黒背景

6.03:1AA適合


配色パレット提案

補色

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

#EE4996#49EEA1

類似色

色相環で隣接する色

#EE49E9#EE49BF#EE4996#EE496D#EE4F49

トライアド

色相環で120°間隔の3色

#EE4996#96EE49#4996EE

テトラード

色相環で90°間隔の4色

#EE4996#E9EE49#49EEA1#4F49EE

モノクローム

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

#910D4B#D7146F#EE4996#F58FBE#FBD5E7

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

補色の両隣の色

#EE4996#49EE4F#49E9EE

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

ライト → ダーク

linear-gradient(135deg, #F9BED9, #EE4996, #A81057)

補色グラデーション

linear-gradient(135deg, #EE4996, #49EEA1)

類似色グラデーション

linear-gradient(135deg, #EE49E9, #EE4996, #EE4F49)

ラジアルグロー

radial-gradient(circle, #EE4996, #A81057)

サンセット風

linear-gradient(to right, #EE4996, #EE4F49, #49EEA1)

オーバーレイ

linear-gradient(180deg, #EE4996CC, #EE499633)

CSS使用例

背景色として使用

Hello, World!
background-color: #EE4996;

テキスト色として使用

Color Text
color: #EE4996;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー