#7DF899

#7DF899

#F87DDC

#F87DDC

コントラスト比

1.76:1

Delta E

130.63

Very Different

50:50 ミックス

#CBC2BD

カラー値

フォーマット #7DF899 #F87DDC
HEX #7DF899 #F87DDC
RGB 125, 248, 153 248, 125, 220
HSL 133.7, 89.8%, 73.1% 313.7, 89.8%, 73.1%
HSV 133.7, 49.6%, 97.3% 313.7, 49.6%, 97.3%
CMYK 49.6%, 0.0%, 38.3%, 2.7% 0.0%, 49.6%, 11.3%, 2.7%
OKLCH 0.8849 0.1715 149.2 0.7594 0.186 336.6

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

1.76:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F87DDC → 背景色: #7DF899

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

テキスト: #7DF899 → 背景色: #F87DDC

色差 (Delta E)

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

グラデーション

#7DF899 #9EE7A5 #B7D5B1 #CBC2BD #DCAEC7 #EB97D2 #F87DDC

カラーミキシング

#7DF899

100%

#ABDEAB

75:25

#CBC2BD

50:50

#E4A3CD

25:75

#F87DDC

100%

CSSグラデーションコード

background: linear-gradient(to right, #7DF899, #F87DDC);
background: linear-gradient(135deg, #7DF899, #F87DDC);

各色を詳しく見る

#7DF899

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

#F87DDC

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

関連する比較