#869CCC

#869CCC

#CCB686

#CCB686

コントラスト比

1.39:1

Delta E

55.54

Very Different

50:50 ミックス

#AEA9AA

カラー値

フォーマット #869CCC #CCB686
HEX #869CCC #CCB686
RGB 134, 156, 204 204, 182, 134
HSL 221.1, 40.7%, 66.3% 41.1, 40.7%, 66.3%
HSV 221.1, 34.3%, 80.0% 41.1, 34.3%, 80.0%
CMYK 34.3%, 23.5%, 0.0%, 20.0% 0.0%, 10.8%, 34.3%, 20.0%
OKLCH 0.6937 0.0753 265.4 0.7834 0.0685 86.1

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

1.39:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #CCB686 → 背景色: #869CCC

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

テキスト: #869CCC → 背景色: #CCB686

色差 (Delta E)

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

グラデーション

#869CCC #95A0C1 #A3A4B5 #AEA9AA #B9AD9E #C3B192 #CCB686

カラーミキシング

#869CCC

100%

#9CA2BB

75:25

#AEA9AA

50:50

#BEAF98

25:75

#CCB686

100%

CSSグラデーションコード

background: linear-gradient(to right, #869CCC, #CCB686);
background: linear-gradient(135deg, #869CCC, #CCB686);

各色を詳しく見る

#869CCC

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

#CCB686

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

関連する比較