#85B0DF

#85B0DF

#DFB485

#DFB485

コントラスト比

1.19:1

Delta E

59.54

Very Different

50:50 ミックス

#BBB2B2

カラー値

フォーマット #85B0DF #DFB485
HEX #85B0DF #DFB485
RGB 133, 176, 223 223, 180, 133
HSL 211.3, 58.4%, 69.8% 31.3, 58.4%, 69.8%
HSV 211.3, 40.4%, 87.5% 31.3, 40.4%, 87.5%
CMYK 40.4%, 21.1%, 0.0%, 12.5% 0.0%, 19.3%, 40.4%, 12.5%
OKLCH 0.7437 0.0826 251.2 0.7973 0.0796 68.8

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

1.19:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DFB485 → 背景色: #85B0DF

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

テキスト: #85B0DF → 背景色: #DFB485

色差 (Delta E)

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

グラデーション

#85B0DF #9AB1D0 #ACB1C1 #BBB2B2 #C8B2A4 #D4B394 #DFB485

カラーミキシング

#85B0DF

100%

#A4B1C9

75:25

#BBB2B2

50:50

#CEB39C

25:75

#DFB485

100%

CSSグラデーションコード

background: linear-gradient(to right, #85B0DF, #DFB485);
background: linear-gradient(135deg, #85B0DF, #DFB485);

各色を詳しく見る

#85B0DF

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

#DFB485

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

関連する比較