#AACCDD

#AACCDD

#DDBBAA

#DDBBAA

コントラスト比

1.05:1

Delta E

30.61

Very Different

50:50 ミックス

#C7C4C3

カラー値

フォーマット #AACCDD #DDBBAA
HEX #AACCDD #DDBBAA
RGB 170, 204, 221 221, 187, 170
HSL 200.0, 42.9%, 76.7% 20.0, 42.9%, 76.7%
HSV 200.0, 23.1%, 86.7% 20.0, 23.1%, 86.7%
CMYK 23.1%, 7.7%, 0.0%, 13.3% 0.0%, 15.4%, 23.1%, 13.3%
OKLCH 0.8259 0.0434 229.6 0.817 0.0457 48.1

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

1.05:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DDBBAA → 背景色: #AACCDD

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

テキスト: #AACCDD → 背景色: #DDBBAA

色差 (Delta E)

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

グラデーション

#AACCDD #B4C9D4 #BEC6CC #C7C4C3 #CFC1BB #D6BEB2 #DDBBAA

カラーミキシング

#AACCDD

100%

#B9C8D0

75:25

#C7C4C3

50:50

#D2BFB7

25:75

#DDBBAA

100%

CSSグラデーションコード

background: linear-gradient(to right, #AACCDD, #DDBBAA);
background: linear-gradient(135deg, #AACCDD, #DDBBAA);

各色を詳しく見る

#AACCDD

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

#DDBBAA

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

関連する比較