#426BDF

#426BDF

#DFB642

#DFB642

コントラスト比

2.48:1

Delta E

130.1

Very Different

50:50 ミックス

#AD8E98

カラー値

フォーマット #426BDF #DFB642
HEX #426BDF #DFB642
RGB 66, 107, 223 223, 182, 66
HSL 224.3, 71.0%, 56.7% 44.3, 71.0%, 56.7%
HSV 224.3, 70.4%, 87.5% 44.3, 70.4%, 87.5%
CMYK 70.4%, 52.0%, 0.0%, 12.5% 0.0%, 18.4%, 70.4%, 12.5%
OKLCH 0.5628 0.1829 266.0 0.7924 0.1381 89.0

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

2.48:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DFB642 → 背景色: #426BDF

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

テキスト: #426BDF → 背景色: #DFB642

色差 (Delta E)

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

グラデーション

#426BDF #7776C7 #9681B0 #AD8E98 #C19B7F #D1A863 #DFB642

カラーミキシング

#426BDF

100%

#887BBC

75:25

#AD8E98

50:50

#C9A171

25:75

#DFB642

100%

CSSグラデーションコード

background: linear-gradient(to right, #426BDF, #DFB642);
background: linear-gradient(135deg, #426BDF, #DFB642);

各色を詳しく見る

#426BDF

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

#DFB642

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

関連する比較