#85ABDF

#85ABDF

#DFB985

#DFB985

コントラスト比

1.28:1

Delta E

62.69

Very Different

50:50 ミックス

#BBB2B3

カラー値

フォーマット #85ABDF #DFB985
HEX #85ABDF #DFB985
RGB 133, 171, 223 223, 185, 133
HSL 214.7, 58.4%, 69.8% 34.7, 58.4%, 69.8%
HSV 214.7, 40.4%, 87.5% 34.7, 40.4%, 87.5%
CMYK 40.4%, 23.3%, 0.0%, 12.5% 0.0%, 17.0%, 40.4%, 12.5%
OKLCH 0.733 0.0866 256.4 0.8071 0.0808 74.9

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

1.28:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DFB985 → 背景色: #85ABDF

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

テキスト: #85ABDF → 背景色: #DFB985

色差 (Delta E)

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

グラデーション

#85ABDF #9AADD0 #ACAFC2 #BBB2B3 #C8B4A4 #D4B695 #DFB985

カラーミキシング

#85ABDF

100%

#A3AEC9

75:25

#BBB2B3

50:50

#CEB59C

25:75

#DFB985

100%

CSSグラデーションコード

background: linear-gradient(to right, #85ABDF, #DFB985);
background: linear-gradient(135deg, #85ABDF, #DFB985);

各色を詳しく見る

#85ABDF

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

#DFB985

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

関連する比較