#84A7D2

#84A7D2

#D2AF84

#D2AF84

コントラスト比

1.21:1

Delta E

53.46

Very Different

50:50 ミックス

#B2ABAB

カラー値

フォーマット #84A7D2 #D2AF84
HEX #84A7D2 #D2AF84
RGB 132, 167, 210 210, 175, 132
HSL 213.1, 46.4%, 67.1% 33.1, 46.4%, 67.1%
HSV 213.1, 37.1%, 82.4% 33.1, 37.1%, 82.4%
CMYK 37.1%, 20.5%, 0.0%, 17.6% 0.0%, 16.7%, 37.1%, 17.6%
OKLCH 0.7183 0.0739 253.9 0.7746 0.0704 72.2

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

1.21:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #D2AF84 → 背景色: #84A7D2

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

テキスト: #84A7D2 → 背景色: #D2AF84

色差 (Delta E)

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

グラデーション

#84A7D2 #96A8C5 #A5A9B8 #B2ABAB #BEAC9E #C8AE91 #D2AF84

カラーミキシング

#84A7D2

100%

#9EA9BF

75:25

#B2ABAB

50:50

#C3AD98

25:75

#D2AF84

100%

CSSグラデーションコード

background: linear-gradient(to right, #84A7D2, #D2AF84);
background: linear-gradient(135deg, #84A7D2, #D2AF84);

各色を詳しく見る

#84A7D2

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

#D2AF84

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

関連する比較