#219FB5

#219FB5

#B53721

#B53721

コントラスト比

1.89:1

Delta E

98.77

Very Different

50:50 ミックス

#957269

カラー値

フォーマット #219FB5 #B53721
HEX #219FB5 #B53721
RGB 33, 159, 181 181, 55, 33
HSL 188.9, 69.2%, 42.0% 8.9, 69.2%, 42.0%
HSV 188.9, 81.8%, 71.0% 8.9, 81.8%, 71.0%
CMYK 81.8%, 12.2%, 0.0%, 29.0% 0.0%, 69.6%, 81.8%, 29.0%
OKLCH 0.6479 0.1065 212.9 0.5212 0.1661 32.3

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

1.89:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #B53721 → 背景色: #219FB5

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

テキスト: #219FB5 → 背景色: #B53721

色差 (Delta E)

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

グラデーション

#219FB5 #64919B #828282 #957269 #A36151 #AD4E39 #B53721

カラーミキシング

#219FB5

100%

#75898E

75:25

#957269

50:50

#A95845

25:75

#B53721

100%

CSSグラデーションコード

background: linear-gradient(to right, #219FB5, #B53721);
background: linear-gradient(135deg, #219FB5, #B53721);

各色を詳しく見る

#219FB5

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

#B53721

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

関連する比較