#859CC2

#859CC2

#C2AB85

#C2AB85

コントラスト比

1.26:1

Delta E

45.47

Very Different

50:50 ミックス

#A8A3A4

カラー値

フォーマット #859CC2 #C2AB85
HEX #859CC2 #C2AB85
RGB 133, 156, 194 194, 171, 133
HSL 217.4, 33.3%, 64.1% 37.4, 33.3%, 64.1%
HSV 217.4, 31.4%, 76.1% 37.4, 31.4%, 76.1%
CMYK 31.4%, 19.6%, 0.0%, 23.9% 0.0%, 11.9%, 31.4%, 23.9%
OKLCH 0.6888 0.062 260.4 0.7516 0.0581 80.1

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

1.26:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #C2AB85 → 背景色: #859CC2

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

テキスト: #859CC2 → 背景色: #C2AB85

色差 (Delta E)

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

グラデーション

#859CC2 #929EB8 #9EA1AE #A8A3A4 #B1A69A #BAA88F #C2AB85

カラーミキシング

#859CC2

100%

#98A0B3

75:25

#A8A3A4

50:50

#B6A795

25:75

#C2AB85

100%

CSSグラデーションコード

background: linear-gradient(to right, #859CC2, #C2AB85);
background: linear-gradient(135deg, #859CC2, #C2AB85);

各色を詳しく見る

#859CC2

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

#C2AB85

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

関連する比較