#4DF49D

#4DF49D

#F44DA4

#F44DA4

コントラスト比

2.29:1

Delta E

141.1

Very Different

50:50 ミックス

#C2AFA2

カラー値

フォーマット #4DF49D #F44DA4
HEX #4DF49D #F44DA4
RGB 77, 244, 157 244, 77, 164
HSL 148.7, 88.4%, 62.9% 328.7, 88.4%, 62.9%
HSV 148.7, 68.4%, 95.7% 328.7, 68.4%, 95.7%
CMYK 68.4%, 0.0%, 35.7%, 4.3% 0.0%, 68.4%, 32.8%, 4.3%
OKLCH 0.8611 0.1835 156.0 0.6767 0.217 352.5

コントラストとアクセシビリティ

2.29:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #F44DA4 → 背景色: #4DF49D

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #4DF49D → 背景色: #F44DA4

色差 (Delta E)

141.1 Very Different
0 — 同一 5 — 類似 25 — 目立つ差異 100 — 大きく異なる

グラデーション

#4DF49D #86DE9F #A8C8A0 #C2AFA2 #D595A3 #E676A3 #F44DA4

カラーミキシング

#4DF49D

100%

#99D3A0

75:25

#C2AFA2

50:50

#DE86A3

25:75

#F44DA4

100%

CSSグラデーションコード

background: linear-gradient(to right, #4DF49D, #F44DA4);
background: linear-gradient(135deg, #4DF49D, #F44DA4);

各色を詳しく見る

#4DF49D

カラーの詳細をすべて見る

#F44DA4

カラーの詳細をすべて見る

関連する比較