#77EC97

#77EC97

#EC77CC

#EC77CC

コントラスト比

1.76:1

Delta E

121.54

Very Different

50:50 ミックス

#C1B9B3

カラー値

フォーマット #77EC97 #EC77CC
HEX #77EC97 #EC77CC
RGB 119, 236, 151 236, 119, 204
HSL 136.4, 75.5%, 69.6% 316.4, 75.5%, 69.6%
HSV 136.4, 49.6%, 92.5% 316.4, 49.6%, 92.5%
CMYK 49.6%, 0.0%, 36.0%, 7.5% 0.0%, 49.6%, 13.6%, 7.5%
OKLCH 0.8535 0.1597 150.7 0.7298 0.1746 338.7

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

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

テキスト読みやすさ

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

テキスト: #EC77CC → 背景色: #77EC97

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

テキスト: #77EC97 → 背景色: #EC77CC

色差 (Delta E)

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

グラデーション

#77EC97 #96DCA1 #AECBAA #C1B9B3 #D2A5BC #E090C4 #EC77CC

カラーミキシング

#77EC97

100%

#A3D3A6

75:25

#C1B9B3

50:50

#D99BC0

25:75

#EC77CC

100%

CSSグラデーションコード

background: linear-gradient(to right, #77EC97, #EC77CC);
background: linear-gradient(135deg, #77EC97, #EC77CC);

各色を詳しく見る

#77EC97

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

#EC77CC

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

関連する比較