#8DF577

#8DF577

#DF77F5

#DF77F5

コントラスト比

1.91:1

Delta E

150.27

Very Different

50:50 ミックス

#C6BDBA

カラー値

フォーマット #8DF577 #DF77F5
HEX #8DF577 #DF77F5
RGB 141, 245, 119 223, 119, 245
HSL 109.5, 86.3%, 71.4% 289.5, 86.3%, 71.4%
HSV 109.5, 51.4%, 96.1% 289.5, 51.4%, 96.1%
CMYK 42.4%, 0.0%, 51.4%, 3.9% 9.0%, 51.4%, 0.0%, 3.9%
OKLCH 0.8793 0.1905 140.2 0.7325 0.2017 320.4

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

1.91:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DF77F5 → 背景色: #8DF577

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

テキスト: #8DF577 → 背景色: #DF77F5

色差 (Delta E)

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

グラデーション

#8DF577 #A5E38F #B7D0A6 #C6BDBA #D0A8CE #D991E2 #DF77F5

カラーミキシング

#8DF577

100%

#AFDA9B

75:25

#C6BDBA

50:50

#D59DD8

25:75

#DF77F5

100%

CSSグラデーションコード

background: linear-gradient(to right, #8DF577, #DF77F5);
background: linear-gradient(135deg, #8DF577, #DF77F5);

各色を詳しく見る

#8DF577

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

#DF77F5

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

関連する比較