#A3ECCE

#A3ECCE

#ECA3C1

#ECA3C1

コントラスト比

1.46:1

Delta E

62.69

Very Different

50:50 ミックス

#CEC9C8

カラー値

フォーマット #A3ECCE #ECA3C1
HEX #A3ECCE #ECA3C1
RGB 163, 236, 206 236, 163, 193
HSL 155.3, 65.8%, 78.2% 335.3, 65.8%, 78.2%
HSV 155.3, 30.9%, 92.5% 335.3, 30.9%, 92.5%
CMYK 30.9%, 0.0%, 12.7%, 7.5% 0.0%, 30.9%, 18.2%, 7.5%
OKLCH 0.8867 0.0839 166.9 0.7944 0.0939 353.1

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

1.46:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #ECA3C1 → 背景色: #A3ECCE

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

テキスト: #A3ECCE → 背景色: #ECA3C1

色差 (Delta E)

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

グラデーション

#A3ECCE #B3E1CC #C1D5CA #CEC9C8 #D9BDC5 #E3B0C3 #ECA3C1

カラーミキシング

#A3ECCE

100%

#BBDBCB

75:25

#CEC9C8

50:50

#DEB7C4

25:75

#ECA3C1

100%

CSSグラデーションコード

background: linear-gradient(to right, #A3ECCE, #ECA3C1);
background: linear-gradient(135deg, #A3ECCE, #ECA3C1);

各色を詳しく見る

#A3ECCE

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

#ECA3C1

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

関連する比較