#496EBA

#496EBA

#BA9549

#BA9549

コントラスト比

1.77:1

Delta E

90.41

Very Different

50:50 ミックス

#938084

カラー値

フォーマット #496EBA #BA9549
HEX #496EBA #BA9549
RGB 73, 110, 186 186, 149, 73
HSL 220.4, 45.0%, 50.8% 40.4, 45.0%, 50.8%
HSV 220.4, 60.8%, 72.9% 40.4, 60.8%, 72.9%
CMYK 60.8%, 40.9%, 0.0%, 27.1% 0.0%, 19.9%, 60.8%, 27.1%
OKLCH 0.5476 0.1262 263.2 0.6889 0.1043 83.4

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

1.77:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #BA9549 → 背景色: #496EBA

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

テキスト: #496EBA → 背景色: #BA9549

色差 (Delta E)

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

グラデーション

#496EBA #6A74A8 #817A96 #938084 #A28772 #AF8E5E #BA9549

カラーミキシング

#496EBA

100%

#76779F

75:25

#938084

50:50

#A88A68

25:75

#BA9549

100%

CSSグラデーションコード

background: linear-gradient(to right, #496EBA, #BA9549);
background: linear-gradient(135deg, #496EBA, #BA9549);

各色を詳しく見る

#496EBA

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

#BA9549

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

関連する比較