#858CFF

#858CFF

#FFF885

#FFF885

コントラスト比

2.64:1

Delta E

125.18

Very Different

50:50 ミックス

#D1C0C7

カラー値

フォーマット #858CFF #FFF885
HEX #858CFF #FFF885
RGB 133, 140, 255 255, 248, 133
HSL 236.6, 100.0%, 76.1% 56.6, 100.0%, 76.1%
HSV 236.6, 47.8%, 100.0% 56.6, 47.8%, 100.0%
CMYK 47.8%, 45.1%, 0.0%, 0.0% 0.0%, 2.7%, 47.8%, 0.0%
OKLCH 0.687 0.167 278.4 0.9614 0.1372 105.6

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

2.64:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FFF885 → 背景色: #858CFF

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

テキスト: #858CFF → 背景色: #FFF885

色差 (Delta E)

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

グラデーション

#858CFF #A49DED #BDAEDA #D1C0C7 #E2D2B3 #F1E59D #FFF885

カラーミキシング

#858CFF

100%

#B1A5E4

75:25

#D1C0C7

50:50

#EADCA8

25:75

#FFF885

100%

CSSグラデーションコード

background: linear-gradient(to right, #858CFF, #FFF885);
background: linear-gradient(135deg, #858CFF, #FFF885);

各色を詳しく見る

#858CFF

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

#FFF885

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

関連する比較