#70D9DA

#70D9DA

#DA7170

#DA7170

コントラスト比

1.92:1

Delta E

79.57

Very Different

50:50 ミックス

#BAA8A3

カラー値

フォーマット #70D9DA #DA7170
HEX #70D9DA #DA7170
RGB 112, 217, 218 218, 113, 112
HSL 180.6, 58.9%, 64.7% 0.6, 58.9%, 64.7%
HSV 180.6, 48.6%, 85.5% 0.6, 48.6%, 85.5%
CMYK 48.6%, 0.5%, 0.0%, 14.5% 0.0%, 48.2%, 48.6%, 14.5%
OKLCH 0.8233 0.0976 196.2 0.669 0.1318 21.8

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

1.92:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DA7170 → 背景色: #70D9DA

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

テキスト: #70D9DA → 背景色: #DA7170

色差 (Delta E)

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

グラデーション

#70D9DA #91C9C7 #A8B9B5 #BAA8A3 #C79792 #D28581 #DA7170

カラーミキシング

#70D9DA

100%

#9EC1BE

75:25

#BAA8A3

50:50

#CD8E89

25:75

#DA7170

100%

CSSグラデーションコード

background: linear-gradient(to right, #70D9DA, #DA7170);
background: linear-gradient(135deg, #70D9DA, #DA7170);

各色を詳しく見る

#70D9DA

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

#DA7170

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

関連する比較