#226ACB

#226ACB

#CB8322

#CB8322

コントラスト比

1.71:1

Delta E

116.67

Very Different

50:50 ミックス

#9D747D

カラー値

フォーマット #226ACB #CB8322
HEX #226ACB #CB8322
RGB 34, 106, 203 203, 131, 34
HSL 214.4, 71.3%, 46.5% 34.4, 71.3%, 46.5%
HSV 214.4, 83.3%, 79.6% 34.4, 83.3%, 79.6%
CMYK 83.3%, 47.8%, 0.0%, 20.4% 0.0%, 35.5%, 83.3%, 20.4%
OKLCH 0.535 0.1662 257.5 0.6698 0.1359 68.1

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

1.71:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #CB8322 → 背景色: #226ACB

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

テキスト: #226ACB → 背景色: #CB8322

色差 (Delta E)

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

グラデーション

#226ACB #666DB1 #867097 #9D747D #AF7963 #BE7E46 #CB8322

カラーミキシング

#226ACB

100%

#776FA4

75:25

#9D747D

50:50

#B77B55

25:75

#CB8322

100%

CSSグラデーションコード

background: linear-gradient(to right, #226ACB, #CB8322);
background: linear-gradient(135deg, #226ACB, #CB8322);

各色を詳しく見る

#226ACB

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

#CB8322

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

関連する比較