#216FC3

#216FC3

#C37521

#C37521

コントラスト比

1.43:1

Delta E

107.45

Very Different

50:50 ミックス

#977177

カラー値

フォーマット #216FC3 #C37521
HEX #216FC3 #C37521
RGB 33, 111, 195 195, 117, 33
HSL 211.1, 71.1%, 44.7% 31.1, 71.1%, 44.7%
HSV 211.1, 83.1%, 76.5% 31.1, 83.1%, 76.5%
CMYK 83.1%, 43.1%, 0.0%, 23.5% 0.0%, 40.0%, 83.1%, 23.5%
OKLCH 0.5404 0.1503 253.9 0.6342 0.134 61.8

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

1.43:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #C37521 → 背景色: #216FC3

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

テキスト: #216FC3 → 背景色: #C37521

色差 (Delta E)

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

グラデーション

#216FC3 #626FAA #817090 #977177 #A8725E #B77342 #C37521

カラーミキシング

#216FC3

100%

#73709D

75:25

#977177

50:50

#B07350

25:75

#C37521

100%

CSSグラデーションコード

background: linear-gradient(to right, #216FC3, #C37521);
background: linear-gradient(135deg, #216FC3, #C37521);

各色を詳しく見る

#216FC3

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

#C37521

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

関連する比較