#89ECC2

#89ECC2

#EC89B3

#EC89B3

コントラスト比

1.69:1

Delta E

84.97

Very Different

50:50 ミックス

#C7BEBB

カラー値

フォーマット #89ECC2 #EC89B3
HEX #89ECC2 #EC89B3
RGB 137, 236, 194 236, 137, 179
HSL 154.5, 72.3%, 73.1% 334.5, 72.3%, 73.1%
HSV 154.5, 41.9%, 92.5% 334.5, 41.9%, 92.5%
CMYK 41.9%, 0.0%, 17.8%, 7.5% 0.0%, 41.9%, 24.2%, 7.5%
OKLCH 0.8707 0.1116 164.8 0.7473 0.1296 353.8

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

1.69:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #EC89B3 → 背景色: #89ECC2

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

テキスト: #89ECC2 → 背景色: #EC89B3

色差 (Delta E)

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

グラデーション

#89ECC2 #A2DDC0 #B6CEBD #C7BEBB #D5AEB8 #E19CB6 #EC89B3

カラーミキシング

#89ECC2

100%

#ACD6BE

75:25

#C7BEBB

50:50

#DBA5B7

25:75

#EC89B3

100%

CSSグラデーションコード

background: linear-gradient(to right, #89ECC2, #EC89B3);
background: linear-gradient(135deg, #89ECC2, #EC89B3);

各色を詳しく見る

#89ECC2

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

#EC89B3

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

関連する比較