#4DDF50

#4DDF50

#DF4DDC

#DF4DDC

コントラスト比

1.92:1

Delta E

173.23

Very Different

50:50 ミックス

#B3A59D

カラー値

フォーマット #4DDF50 #DF4DDC
HEX #4DDF50 #DF4DDC
RGB 77, 223, 80 223, 77, 220
HSL 121.2, 69.5%, 58.8% 301.2, 69.5%, 58.8%
HSV 121.2, 65.5%, 87.5% 301.2, 65.5%, 87.5%
CMYK 65.5%, 0.0%, 64.1%, 12.5% 0.0%, 65.5%, 1.3%, 12.5%
OKLCH 0.7972 0.222 143.4 0.6707 0.2389 328.7

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

1.92:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DF4DDC → 背景色: #4DDF50

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

テキスト: #4DDF50 → 背景色: #DF4DDC

色差 (Delta E)

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

グラデーション

#4DDF50 #7ECD6D #9CBA86 #B3A59D #C48EB2 #D372C7 #DF4DDC

カラーミキシング

#4DDF50

100%

#8EC37A

75:25

#B3A59D

50:50

#CC80BD

25:75

#DF4DDC

100%

CSSグラデーションコード

background: linear-gradient(to right, #4DDF50, #DF4DDC);
background: linear-gradient(135deg, #4DDF50, #DF4DDC);

各色を詳しく見る

#4DDF50

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

#DF4DDC

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

関連する比較