#70F5AF

#70F5AF

#F570B6

#F570B6

コントラスト比

1.95:1

Delta E

118.24

Very Different

50:50 ミックス

#C7BBB3

カラー値

フォーマット #70F5AF #F570B6
HEX #70F5AF #F570B6
RGB 112, 245, 175 245, 112, 182
HSL 148.4, 86.9%, 70.0% 328.4, 86.9%, 70.0%
HSV 148.4, 54.3%, 96.1% 328.4, 54.3%, 96.1%
CMYK 54.3%, 0.0%, 28.6%, 3.9% 0.0%, 54.3%, 25.7%, 3.9%
OKLCH 0.8773 0.1542 157.9 0.724 0.1791 349.7

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

1.95:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F570B6 → 背景色: #70F5AF

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

テキスト: #70F5AF → 背景色: #F570B6

色差 (Delta E)

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

グラデーション

#70F5AF #96E2B1 #B2CFB2 #C7BBB3 #D9A5B4 #E88DB5 #F570B6

カラーミキシング

#70F5AF

100%

#A5D9B1

75:25

#C7BBB3

50:50

#E199B5

25:75

#F570B6

100%

CSSグラデーションコード

background: linear-gradient(to right, #70F5AF, #F570B6);
background: linear-gradient(135deg, #70F5AF, #F570B6);

各色を詳しく見る

#70F5AF

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

#F570B6

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

関連する比較