#3F78C0

#3F78C0

#C0873F

#C0873F

コントラスト比

1.45:1

Delta E

90.73

Very Different

50:50 ミックス

#967F82

カラー値

フォーマット #3F78C0 #C0873F
HEX #3F78C0 #C0873F
RGB 63, 120, 192 192, 135, 63
HSL 213.5, 50.6%, 50.0% 33.5, 50.6%, 50.0%
HSV 213.5, 67.2%, 75.3% 33.5, 67.2%, 75.3%
CMYK 67.2%, 37.5%, 0.0%, 24.7% 0.0%, 29.7%, 67.2%, 24.7%
OKLCH 0.5686 0.127 255.3 0.6665 0.1124 70.0

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

1.45:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #C0873F → 背景色: #3F78C0

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

テキスト: #3F78C0 → 背景色: #C0873F

色差 (Delta E)

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

グラデーション

#3F78C0 #697AAB #837C97 #967F82 #A6816D #B48457 #C0873F

カラーミキシング

#3F78C0

100%

#777BA1

75:25

#967F82

50:50

#AD8362

25:75

#C0873F

100%

CSSグラデーションコード

background: linear-gradient(to right, #3F78C0, #C0873F);
background: linear-gradient(135deg, #3F78C0, #C0873F);

各色を詳しく見る

#3F78C0

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

#C0873F

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

関連する比較