#ABACDF

#ABACDF

#DFDEAB

#DFDEAB

コントラスト比

1.56:1

Delta E

56.32

Very Different

50:50 ミックス

#C8C5C6

カラー値

フォーマット #ABACDF #DFDEAB
HEX #ABACDF #DFDEAB
RGB 171, 172, 223 223, 222, 171
HSL 238.8, 44.8%, 77.3% 58.8, 44.8%, 77.3%
HSV 238.8, 23.3%, 87.5% 58.8, 23.3%, 87.5%
CMYK 23.3%, 22.9%, 0.0%, 12.5% 0.0%, 0.4%, 23.3%, 12.5%
OKLCH 0.7615 0.0728 283.7 0.8888 0.0668 106.7

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

1.56:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DFDEAB → 背景色: #ABACDF

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

テキスト: #ABACDF → 背景色: #DFDEAB

色差 (Delta E)

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

グラデーション

#ABACDF #B5B4D7 #BFBCCE #C8C5C6 #D0CDBD #D8D5B4 #DFDEAB

カラーミキシング

#ABACDF

100%

#BAB8D3

75:25

#C8C5C6

50:50

#D4D1B9

25:75

#DFDEAB

100%

CSSグラデーションコード

background: linear-gradient(to right, #ABACDF, #DFDEAB);
background: linear-gradient(135deg, #ABACDF, #DFDEAB);

各色を詳しく見る

#ABACDF

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

#DFDEAB

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

関連する比較