#2972CF

#2972CF

#CF8629

#CF8629

コントラスト比

1.61:1

Delta E

113.46

Very Different

50:50 ミックス

#A07A82

カラー値

フォーマット #2972CF #CF8629
HEX #2972CF #CF8629
RGB 41, 114, 207 207, 134, 41
HSL 213.6, 66.9%, 48.6% 33.6, 66.9%, 48.6%
HSV 213.6, 80.2%, 81.2% 33.6, 80.2%, 81.2%
CMYK 80.2%, 44.9%, 0.0%, 18.8% 0.0%, 35.3%, 80.2%, 18.8%
OKLCH 0.5571 0.1605 256.4 0.6806 0.1354 67.3

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

1.61:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #CF8629 → 背景色: #2972CF

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

テキスト: #2972CF → 背景色: #CF8629

色差 (Delta E)

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

グラデーション

#2972CF #6974B5 #89779B #A07A82 #B27E67 #C2824B #CF8629

カラーミキシング

#2972CF

100%

#7B76A8

75:25

#A07A82

50:50

#BA805A

25:75

#CF8629

100%

CSSグラデーションコード

background: linear-gradient(to right, #2972CF, #CF8629);
background: linear-gradient(135deg, #2972CF, #CF8629);

各色を詳しく見る

#2972CF

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

#CF8629

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

関連する比較