#153EB9

#153EB9

#B99015

#B99015

コントラスト比

2.92:1

Delta E

137.52

Very Different

50:50 ミックス

#8E6374

カラー値

フォーマット #153EB9 #B99015
HEX #153EB9 #B99015
RGB 21, 62, 185 185, 144, 21
HSL 225.0, 79.6%, 40.4% 45.0, 79.6%, 40.4%
HSV 225.0, 88.6%, 72.5% 45.0, 88.6%, 72.5%
CMYK 88.6%, 66.5%, 0.0%, 27.5% 0.0%, 22.2%, 88.6%, 27.5%
OKLCH 0.4277 0.198 264.6 0.6736 0.133 87.4

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

2.92:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #B99015 → 背景色: #153EB9

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

テキスト: #153EB9 → 背景色: #B99015

色差 (Delta E)

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

グラデーション

#153EB9 #5A49A2 #79568B #8E6374 #9F725C #AD8140 #B99015

カラーミキシング

#153EB9

100%

#6B4F97

75:25

#8E6374

50:50

#A6794F

25:75

#B99015

100%

CSSグラデーションコード

background: linear-gradient(to right, #153EB9, #B99015);
background: linear-gradient(135deg, #153EB9, #B99015);

各色を詳しく見る

#153EB9

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

#B99015

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

関連する比較