#AAFFEC

#AAFFEC

#FFAABD

#FFAABD

コントラスト比

1.55:1

Delta E

65.41

Very Different

50:50 ミックス

#DED7D4

カラー値

フォーマット #AAFFEC #FFAABD
HEX #AAFFEC #FFAABD
RGB 170, 255, 236 255, 170, 189
HSL 166.6, 100.0%, 83.3% 346.6, 100.0%, 83.3%
HSV 166.6, 33.3%, 100.0% 346.6, 33.3%, 100.0%
CMYK 33.3%, 0.0%, 7.5%, 0.0% 0.0%, 33.3%, 25.9%, 0.0%
OKLCH 0.9405 0.0865 178.7 0.8257 0.1023 4.9

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

1.55:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FFAABD → 背景色: #AAFFEC

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

テキスト: #AAFFEC → 背景色: #FFAABD

色差 (Delta E)

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

グラデーション

#AAFFEC #BEF2E4 #CFE4DC #DED7D4 #EAC8CC #F5BAC5 #FFAABD

カラーミキシング

#AAFFEC

100%

#C7EBE0

75:25

#DED7D4

50:50

#F0C1C8

25:75

#FFAABD

100%

CSSグラデーションコード

background: linear-gradient(to right, #AAFFEC, #FFAABD);
background: linear-gradient(135deg, #AAFFEC, #FFAABD);

各色を詳しく見る

#AAFFEC

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

#FFAABD

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

関連する比較