#B0A9DA

#B0A9DA

#D3DAA9

#D3DAA9

コントラスト比

1.51:1

Delta E

54.38

Very Different

50:50 ミックス

#C4C1C2

カラー値

フォーマット #B0A9DA #D3DAA9
HEX #B0A9DA #D3DAA9
RGB 176, 169, 218 211, 218, 169
HSL 248.6, 39.8%, 75.9% 68.6, 39.8%, 75.9%
HSV 248.6, 22.5%, 85.5% 68.6, 22.5%, 85.5%
CMYK 19.3%, 22.5%, 0.0%, 14.5% 3.2%, 0.0%, 22.5%, 14.5%
OKLCH 0.7576 0.07 291.2 0.8707 0.0653 114.4

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

1.51:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #D3DAA9 → 背景色: #B0A9DA

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

テキスト: #B0A9DA → 背景色: #D3DAA9

色差 (Delta E)

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

グラデーション

#B0A9DA #B7B1D2 #BEB9CA #C4C1C2 #C9C9BA #CED2B2 #D3DAA9

カラーミキシング

#B0A9DA

100%

#BBB5CE

75:25

#C4C1C2

50:50

#CCCEB6

25:75

#D3DAA9

100%

CSSグラデーションコード

background: linear-gradient(to right, #B0A9DA, #D3DAA9);
background: linear-gradient(135deg, #B0A9DA, #D3DAA9);

各色を詳しく見る

#B0A9DA

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

#D3DAA9

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

関連する比較