#84A5CF

#84A5CF

#CFAE84

#CFAE84

コントラスト比

1.21:1

Delta E

51.95

Very Different

50:50 ミックス

#B0A9AA

カラー値

フォーマット #84A5CF #CFAE84
HEX #84A5CF #CFAE84
RGB 132, 165, 207 207, 174, 132
HSL 213.6, 43.9%, 66.5% 33.6, 43.9%, 66.5%
HSV 213.6, 36.2%, 81.2% 33.6, 36.2%, 81.2%
CMYK 36.2%, 20.3%, 0.0%, 18.8% 0.0%, 15.9%, 36.2%, 18.8%
OKLCH 0.7128 0.0717 254.7 0.7698 0.0681 73.2

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

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

テキスト読みやすさ

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

テキスト: #CFAE84 → 背景色: #84A5CF

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

テキスト: #84A5CF → 背景色: #CFAE84

色差 (Delta E)

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

グラデーション

#84A5CF #95A6C3 #A3A8B6 #B0A9AA #BBAB9D #C6AC91 #CFAE84

カラーミキシング

#84A5CF

100%

#9CA7BD

75:25

#B0A9AA

50:50

#C1AC97

25:75

#CFAE84

100%

CSSグラデーションコード

background: linear-gradient(to right, #84A5CF, #CFAE84);
background: linear-gradient(135deg, #84A5CF, #CFAE84);

各色を詳しく見る

#84A5CF

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

#CFAE84

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

関連する比較