#215AB2

#215AB2

#B27921

#B27921

コントラスト比

1.78:1

Delta E

106.59

Very Different

50:50 ミックス

#896770

カラー値

フォーマット #215AB2 #B27921
HEX #215AB2 #B27921
RGB 33, 90, 178 178, 121, 33
HSL 216.4, 68.7%, 41.4% 36.4, 68.7%, 41.4%
HSV 216.4, 81.5%, 69.8% 36.4, 81.5%, 69.8%
CMYK 81.5%, 49.4%, 0.0%, 30.2% 0.0%, 32.0%, 81.5%, 30.2%
OKLCH 0.4815 0.1522 259.2 0.6204 0.1207 72.7

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

1.78:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #B27921 → 背景色: #215AB2

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

テキスト: #215AB2 → 背景色: #B27921

色差 (Delta E)

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

グラデーション

#215AB2 #595E9C #756286 #896770 #996D59 #A67340 #B27921

カラーミキシング

#215AB2

100%

#686091

75:25

#896770

50:50

#A0704D

25:75

#B27921

100%

CSSグラデーションコード

background: linear-gradient(to right, #215AB2, #B27921);
background: linear-gradient(135deg, #215AB2, #B27921);

各色を詳しく見る

#215AB2

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

#B27921

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

関連する比較