#ABADDF

#ABADDF

#DFDDAB

#DFDDAB

コントラスト比

1.54:1

Delta E

55.17

Very Different

50:50 ミックス

#C8C5C6

カラー値

フォーマット #ABADDF #DFDDAB
HEX #ABADDF #DFDDAB
RGB 171, 173, 223 223, 221, 171
HSL 237.7, 44.8%, 77.3% 57.7, 44.8%, 77.3%
HSV 237.7, 23.3%, 87.5% 57.7, 23.3%, 87.5%
CMYK 23.3%, 22.4%, 0.0%, 12.5% 0.0%, 0.9%, 23.3%, 12.5%
OKLCH 0.7635 0.0714 282.8 0.8868 0.0655 105.8

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

1.54:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DFDDAB → 背景色: #ABADDF

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

テキスト: #ABADDF → 背景色: #DFDDAB

色差 (Delta E)

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

グラデーション

#ABADDF #B5B5D7 #BFBDCE #C8C5C6 #D0CDBD #D8D5B4 #DFDDAB

カラーミキシング

#ABADDF

100%

#BAB9D3

75:25

#C8C5C6

50:50

#D4D1B9

25:75

#DFDDAB

100%

CSSグラデーションコード

background: linear-gradient(to right, #ABADDF, #DFDDAB);
background: linear-gradient(135deg, #ABADDF, #DFDDAB);

各色を詳しく見る

#ABADDF

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

#DFDDAB

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

関連する比較