#AAADDF

#AAADDF

#DFDCAA

#DFDCAA

コントラスト比

1.53:1

Delta E

55.15

Very Different

50:50 ミックス

#C7C4C5

カラー値

フォーマット #AAADDF #DFDCAA
HEX #AAADDF #DFDCAA
RGB 170, 173, 223 223, 220, 170
HSL 236.6, 45.3%, 77.1% 56.6, 45.3%, 77.1%
HSV 236.6, 23.8%, 87.5% 56.6, 23.8%, 87.5%
CMYK 23.8%, 22.4%, 0.0%, 12.5% 0.0%, 1.3%, 23.8%, 12.5%
OKLCH 0.7628 0.0715 281.9 0.8845 0.0656 104.8

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

1.53:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DFDCAA → 背景色: #AAADDF

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

テキスト: #AAADDF → 背景色: #DFDCAA

色差 (Delta E)

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

グラデーション

#AAADDF #B5B5D7 #BEBCCE #C7C4C5 #D0CCBC #D8D4B3 #DFDCAA

カラーミキシング

#AAADDF

100%

#BAB8D2

75:25

#C7C4C5

50:50

#D4D0B8

25:75

#DFDCAA

100%

CSSグラデーションコード

background: linear-gradient(to right, #AAADDF, #DFDCAA);
background: linear-gradient(135deg, #AAADDF, #DFDCAA);

各色を詳しく見る

#AAADDF

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

#DFDCAA

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

関連する比較