#ACECC5

#ACECC5

#ECACD3

#ECACD3

コントラスト比

1.36:1

Delta E

62.67

Very Different

50:50 ミックス

#D0CECC

カラー値

フォーマット #ACECC5 #ECACD3
HEX #ACECC5 #ECACD3
RGB 172, 236, 197 236, 172, 211
HSL 143.4, 62.7%, 80.0% 323.4, 62.7%, 80.0%
HSV 143.4, 27.1%, 92.5% 323.4, 27.1%, 92.5%
CMYK 27.1%, 0.0%, 16.5%, 7.5% 0.0%, 27.1%, 10.6%, 7.5%
OKLCH 0.8895 0.0841 157.4 0.8158 0.0898 342.1

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

1.36:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #ECACD3 → 背景色: #ACECC5

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

テキスト: #ACECC5 → 背景色: #ECACD3

色差 (Delta E)

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

グラデーション

#ACECC5 #BAE2C8 #C6D8CA #D0CECC #DAC3CF #E4B8D1 #ECACD3

カラーミキシング

#ACECC5

100%

#C0DDC9

75:25

#D0CECC

50:50

#DFBDD0

25:75

#ECACD3

100%

CSSグラデーションコード

background: linear-gradient(to right, #ACECC5, #ECACD3);
background: linear-gradient(135deg, #ACECC5, #ECACD3);

各色を詳しく見る

#ACECC5

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

#ECACD3

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

関連する比較