#217CC7

#217CC7

#C76C21

#C76C21

コントラスト比

1.17:1

Delta E

104.89

Very Different

50:50 ミックス

#9B7478

カラー値

フォーマット #217CC7 #C76C21
HEX #217CC7 #C76C21
RGB 33, 124, 199 199, 108, 33
HSL 207.1, 71.6%, 45.5% 27.1, 71.6%, 45.5%
HSV 207.1, 83.4%, 78.0% 27.1, 83.4%, 78.0%
CMYK 83.4%, 37.7%, 0.0%, 22.0% 0.0%, 45.7%, 83.4%, 22.0%
OKLCH 0.5727 0.1416 248.7 0.624 0.1418 54.5

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

1.17:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #C76C21 → 背景色: #217CC7

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

テキスト: #217CC7 → 背景色: #C76C21

色差 (Delta E)

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

グラデーション

#217CC7 #6579AC #857792 #9B7478 #AD715D #BB6F42 #C76C21

カラーミキシング

#217CC7

100%

#77789F

75:25

#9B7478

50:50

#B47050

25:75

#C76C21

100%

CSSグラデーションコード

background: linear-gradient(to right, #217CC7, #C76C21);
background: linear-gradient(135deg, #217CC7, #C76C21);

各色を詳しく見る

#217CC7

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

#C76C21

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

関連する比較