#45DF5D

#45DF5D

#DF45C7

#DF45C7

コントラスト比

2.06:1

Delta E

165.13

Very Different

50:50 ミックス

#B0A297

カラー値

フォーマット #45DF5D #DF45C7
HEX #45DF5D #DF45C7
RGB 69, 223, 93 223, 69, 199
HSL 129.4, 70.6%, 57.3% 309.4, 70.6%, 57.3%
HSV 129.4, 69.1%, 87.5% 309.4, 69.1%, 87.5%
CMYK 69.1%, 0.0%, 58.3%, 12.5% 0.0%, 69.1%, 10.8%, 12.5%
OKLCH 0.7966 0.215 145.7 0.6527 0.2329 334.9

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

2.06:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DF45C7 → 背景色: #45DF5D

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

テキスト: #45DF5D → 背景色: #DF45C7

色差 (Delta E)

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

グラデーション

#45DF5D #7ACC73 #99B886 #B0A297 #C38AA8 #D26DB8 #DF45C7

カラーミキシング

#45DF5D

100%

#8BC27C

75:25

#B0A297

50:50

#CB7CB0

25:75

#DF45C7

100%

CSSグラデーションコード

background: linear-gradient(to right, #45DF5D, #DF45C7);
background: linear-gradient(135deg, #45DF5D, #DF45C7);

各色を詳しく見る

#45DF5D

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

#DF45C7

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

関連する比較