#A2A6DF

#A2A6DF

#DFDBA2

#DFDBA2

コントラスト比

1.63:1

Delta E

63.01

Very Different

50:50 ミックス

#C4C0C2

カラー値

フォーマット #A2A6DF #DFDBA2
HEX #A2A6DF #DFDBA2
RGB 162, 166, 223 223, 219, 162
HSL 236.1, 48.8%, 75.5% 56.1, 48.8%, 75.5%
HSV 236.1, 27.4%, 87.5% 56.1, 27.4%, 87.5%
CMYK 27.4%, 25.6%, 0.0%, 12.5% 0.0%, 1.8%, 27.4%, 12.5%
OKLCH 0.7426 0.0822 281.1 0.8809 0.0743 104.4

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

1.63:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DFDBA2 → 背景色: #A2A6DF

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

テキスト: #A2A6DF → 背景色: #DFDBA2

色差 (Delta E)

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

グラデーション

#A2A6DF #AFAFD5 #BAB7CC #C4C0C2 #CEC9B7 #D7D2AD #DFDBA2

カラーミキシング

#A2A6DF

100%

#B4B3D1

75:25

#C4C0C2

50:50

#D2CDB2

25:75

#DFDBA2

100%

CSSグラデーションコード

background: linear-gradient(to right, #A2A6DF, #DFDBA2);
background: linear-gradient(135deg, #A2A6DF, #DFDBA2);

各色を詳しく見る

#A2A6DF

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

#DFDBA2

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

関連する比較