#ABB3DC

#ABB3DC

#DCD4AB

#DCD4AB

コントラスト比

1.38:1

Delta E

45.29

Very Different

50:50 ミックス

#C6C3C4

カラー値

フォーマット #ABB3DC #DCD4AB
HEX #ABB3DC #DCD4AB
RGB 171, 179, 220 220, 212, 171
HSL 230.2, 41.2%, 76.7% 50.2, 41.2%, 76.7%
HSV 230.2, 22.3%, 86.3% 50.2, 22.3%, 86.3%
CMYK 22.3%, 18.6%, 0.0%, 13.7% 0.0%, 3.6%, 22.3%, 13.7%
OKLCH 0.7744 0.0592 276.3 0.866 0.055 98.2

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

1.38:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DCD4AB → 背景色: #ABB3DC

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

テキスト: #ABB3DC → 背景色: #DCD4AB

色差 (Delta E)

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

グラデーション

#ABB3DC #B5B8D4 #BEBECC #C6C3C4 #CEC9BC #D5CEB4 #DCD4AB

カラーミキシング

#ABB3DC

100%

#B9BBD0

75:25

#C6C3C4

50:50

#D1CCB8

25:75

#DCD4AB

100%

CSSグラデーションコード

background: linear-gradient(to right, #ABB3DC, #DCD4AB);
background: linear-gradient(135deg, #ABB3DC, #DCD4AB);

各色を詳しく見る

#ABB3DC

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

#DCD4AB

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

関連する比較