#AAABDF

#AAABDF

#DFDEAA

#DFDEAA

コントラスト比

1.58:1

Delta E

57.46

Very Different

50:50 ミックス

#C7C4C5

カラー値

フォーマット #AAABDF #DFDEAA
HEX #AAABDF #DFDEAA
RGB 170, 171, 223 223, 222, 170
HSL 238.9, 45.3%, 77.1% 58.9, 45.3%, 77.1%
HSV 238.9, 23.8%, 87.5% 58.9, 23.8%, 87.5%
CMYK 23.8%, 23.3%, 0.0%, 12.5% 0.0%, 0.4%, 23.8%, 12.5%
OKLCH 0.7588 0.0743 283.6 0.8886 0.068 106.8

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

1.58:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DFDEAA → 背景色: #AAABDF

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

テキスト: #AAABDF → 背景色: #DFDEAA

色差 (Delta E)

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

グラデーション

#AAABDF #B5B3D7 #BEBCCE #C7C4C5 #D0CDBD #D8D5B3 #DFDEAA

カラーミキシング

#AAABDF

100%

#BAB7D2

75:25

#C7C4C5

50:50

#D4D1B8

25:75

#DFDEAA

100%

CSSグラデーションコード

background: linear-gradient(to right, #AAABDF, #DFDEAA);
background: linear-gradient(135deg, #AAABDF, #DFDEAA);

各色を詳しく見る

#AAABDF

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

#DFDEAA

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

関連する比較