#6497DF

#6497DF

#DFAC64

#DFAC64

コントラスト比

1.45:1

Delta E

86.66

Very Different

50:50 ミックス

#B3A1A3

カラー値

フォーマット #6497DF #DFAC64
HEX #6497DF #DFAC64
RGB 100, 151, 223 223, 172, 100
HSL 215.1, 65.8%, 63.3% 35.1, 65.8%, 63.3%
HSV 215.1, 55.2%, 87.5% 35.1, 55.2%, 87.5%
CMYK 55.2%, 32.3%, 0.0%, 12.5% 0.0%, 22.9%, 55.2%, 12.5%
OKLCH 0.6714 0.1208 257.1 0.7765 0.1079 74.6

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

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

テキスト読みやすさ

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

テキスト: #DFAC64 → 背景色: #6497DF

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

テキスト: #6497DF → 背景色: #DFAC64

色差 (Delta E)

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

グラデーション

#6497DF #869ACB #9F9DB7 #B3A1A3 #C3A48F #D2A87A #DFAC64

カラーミキシング

#6497DF

100%

#939CC1

75:25

#B3A1A3

50:50

#CBA685

25:75

#DFAC64

100%

CSSグラデーションコード

background: linear-gradient(to right, #6497DF, #DFAC64);
background: linear-gradient(135deg, #6497DF, #DFAC64);

各色を詳しく見る

#6497DF

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

#DFAC64

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

関連する比較