#369EC7

#369EC7

#C75F36

#C75F36

コントラスト比

1.34:1

Delta E

90.6

Very Different

50:50 ミックス

#A0817E

カラー値

フォーマット #369EC7 #C75F36
HEX #369EC7 #C75F36
RGB 54, 158, 199 199, 95, 54
HSL 197.0, 57.3%, 49.6% 17.0, 57.3%, 49.6%
HSV 197.0, 72.9%, 78.0% 17.0, 72.9%, 78.0%
CMYK 72.9%, 20.6%, 0.0%, 22.0% 0.0%, 52.3%, 72.9%, 22.0%
OKLCH 0.6578 0.1107 228.6 0.6051 0.1439 41.1

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

1.34:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #C75F36 → 背景色: #369EC7

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

テキスト: #369EC7 → 背景色: #C75F36

色差 (Delta E)

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

グラデーション

#369EC7 #6E95AE #8B8B96 #A0817E #B07766 #BD6B4E #C75F36

カラーミキシング

#369EC7

100%

#7E90A2

75:25

#A0817E

50:50

#B7715A

25:75

#C75F36

100%

CSSグラデーションコード

background: linear-gradient(to right, #369EC7, #C75F36);
background: linear-gradient(135deg, #369EC7, #C75F36);

各色を詳しく見る

#369EC7

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

#C75F36

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

関連する比較