#45DF93

#45DF93

#DF4591

#DF4591

コントラスト比

2.27:1

Delta E

129.81

Very Different

50:50 ミックス

#B1A093

カラー値

フォーマット #45DF93 #DF4591
HEX #45DF93 #DF4591
RGB 69, 223, 147 223, 69, 145
HSL 150.4, 70.6%, 57.3% 330.4, 70.6%, 57.3%
HSV 150.4, 69.1%, 87.5% 330.4, 69.1%, 87.5%
CMYK 69.1%, 0.0%, 34.1%, 12.5% 0.0%, 69.1%, 35.0%, 12.5%
OKLCH 0.8052 0.1682 157.2 0.6301 0.2015 354.2

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

2.27:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DF4591 → 背景色: #45DF93

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

テキスト: #45DF93 → 背景色: #DF4591

色差 (Delta E)

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

グラデーション

#45DF93 #7ACB93 #9AB693 #B1A093 #C38792 #D26B92 #DF4591

カラーミキシング

#45DF93

100%

#8BC193

75:25

#B1A093

50:50

#CB7A92

25:75

#DF4591

100%

CSSグラデーションコード

background: linear-gradient(to right, #45DF93, #DF4591);
background: linear-gradient(135deg, #45DF93, #DF4591);

各色を詳しく見る

#45DF93

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

#DF4591

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

関連する比較