#A2ACDF

#A2ACDF

#DFD5A2

#DFD5A2

コントラスト比

1.49:1

Delta E

56.4

Very Different

50:50 ミックス

#C4C0C1

カラー値

フォーマット #A2ACDF #DFD5A2
HEX #A2ACDF #DFD5A2
RGB 162, 172, 223 223, 213, 162
HSL 230.2, 48.8%, 75.5% 50.2, 48.8%, 75.5%
HSV 230.2, 27.4%, 87.5% 50.2, 27.4%, 87.5%
CMYK 27.4%, 22.9%, 0.0%, 12.5% 0.0%, 4.5%, 27.4%, 12.5%
OKLCH 0.7547 0.0743 275.9 0.8686 0.0676 98.3

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

1.49:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DFD5A2 → 背景色: #A2ACDF

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

テキスト: #A2ACDF → 背景色: #DFD5A2

色差 (Delta E)

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

グラデーション

#A2ACDF #AFB3D5 #BAB9CB #C4C0C1 #CEC7B7 #D7CEAD #DFD5A2

カラーミキシング

#A2ACDF

100%

#B4B6D0

75:25

#C4C0C1

50:50

#D2CAB2

25:75

#DFD5A2

100%

CSSグラデーションコード

background: linear-gradient(to right, #A2ACDF, #DFD5A2);
background: linear-gradient(135deg, #A2ACDF, #DFD5A2);

各色を詳しく見る

#A2ACDF

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

#DFD5A2

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

関連する比較