#6597DF

#6597DF

#DFAD65

#DFAD65

コントラスト比

1.46:1

Delta E

86.38

Very Different

50:50 ミックス

#B3A1A4

カラー値

フォーマット #6597DF #DFAD65
HEX #6597DF #DFAD65
RGB 101, 151, 223 223, 173, 101
HSL 215.4, 65.6%, 63.5% 35.4, 65.6%, 63.5%
HSV 215.4, 54.7%, 87.5% 35.4, 54.7%, 87.5%
CMYK 54.7%, 32.3%, 0.0%, 12.5% 0.0%, 22.4%, 54.7%, 12.5%
OKLCH 0.6719 0.1203 257.5 0.7785 0.1072 75.2

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

1.46:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DFAD65 → 背景色: #6597DF

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

テキスト: #6597DF → 背景色: #DFAD65

色差 (Delta E)

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

グラデーション

#6597DF #879ACB #9F9EB8 #B3A1A4 #C4A590 #D2A97B #DFAD65

カラーミキシング

#6597DF

100%

#949CC1

75:25

#B3A1A4

50:50

#CBA785

25:75

#DFAD65

100%

CSSグラデーションコード

background: linear-gradient(to right, #6597DF, #DFAD65);
background: linear-gradient(135deg, #6597DF, #DFAD65);

各色を詳しく見る

#6597DF

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

#DFAD65

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

関連する比較