#85A0F4

#85A0F4

#F4D985

#F4D985

コントラスト比

1.81:1

Delta E

92.94

Very Different

50:50 ミックス

#C9BBBF

カラー値

フォーマット #85A0F4 #F4D985
HEX #85A0F4 #F4D985
RGB 133, 160, 244 244, 217, 133
HSL 225.4, 83.5%, 73.9% 45.4, 83.5%, 73.9%
HSV 225.4, 45.5%, 95.7% 45.4, 45.5%, 95.7%
CMYK 45.5%, 34.4%, 0.0%, 4.3% 0.0%, 11.1%, 45.5%, 4.3%
OKLCH 0.72 0.1265 269.5 0.8898 0.108 92.2

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

1.81:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F4D985 → 背景色: #85A0F4

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

テキスト: #85A0F4 → 背景色: #F4D985

色差 (Delta E)

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

グラデーション

#85A0F4 #A0A9E3 #B6B2D1 #C9BBBF #D9C5AD #E7CF99 #F4D985

カラーミキシング

#85A0F4

100%

#ACADDA

75:25

#C9BBBF

50:50

#E0CAA3

25:75

#F4D985

100%

CSSグラデーションコード

background: linear-gradient(to right, #85A0F4, #F4D985);
background: linear-gradient(135deg, #85A0F4, #F4D985);

各色を詳しく見る

#85A0F4

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

#F4D985

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

関連する比較