#7AF3A7

#7AF3A7

#F37AC6

#F37AC6

コントラスト比

1.81:1

Delta E

116.67

Very Different

50:50 ミックス

#C7BEB8

カラー値

フォーマット #7AF3A7 #F37AC6
HEX #7AF3A7 #F37AC6
RGB 122, 243, 167 243, 122, 198
HSL 142.3, 83.4%, 71.6% 322.3, 83.4%, 71.6%
HSV 142.3, 49.8%, 95.3% 322.3, 49.8%, 95.3%
CMYK 49.8%, 0.0%, 31.3%, 4.7% 0.0%, 49.8%, 18.5%, 4.7%
OKLCH 0.8746 0.1533 154.1 0.7405 0.1713 343.6

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

1.81:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F37AC6 → 背景色: #7AF3A7

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

テキスト: #7AF3A7 → 背景色: #F37AC6

色差 (Delta E)

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

グラデーション

#7AF3A7 #9BE2AD #B3D0B2 #C7BEB8 #D8A9BD #E693C1 #F37AC6

カラーミキシング

#7AF3A7

100%

#A8D9B0

75:25

#C7BEB8

50:50

#DF9FBF

25:75

#F37AC6

100%

CSSグラデーションコード

background: linear-gradient(to right, #7AF3A7, #F37AC6);
background: linear-gradient(135deg, #7AF3A7, #F37AC6);

各色を詳しく見る

#7AF3A7

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

#F37AC6

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

関連する比較