#7598DF

#7598DF

#DFBC75

#DFBC75

コントラスト比

1.58:1

Delta E

81.71

Very Different

50:50 ミックス

#B6A9AC

カラー値

フォーマット #7598DF #DFBC75
HEX #7598DF #DFBC75
RGB 117, 152, 223 223, 188, 117
HSL 220.2, 62.4%, 66.7% 40.2, 62.4%, 66.7%
HSV 220.2, 47.5%, 87.5% 40.2, 47.5%, 87.5%
CMYK 47.5%, 31.8%, 0.0%, 12.5% 0.0%, 15.7%, 47.5%, 12.5%
OKLCH 0.6831 0.1126 263.6 0.8103 0.0982 84.1

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

1.58:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DFBC75 → 背景色: #7598DF

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

テキスト: #7598DF → 背景色: #DFBC75

色差 (Delta E)

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

グラデーション

#7598DF #909DCE #A5A3BD #B6A9AC #C5AF9A #D3B688 #DFBC75

カラーミキシング

#7598DF

100%

#9BA0C6

75:25

#B6A9AC

50:50

#CCB291

25:75

#DFBC75

100%

CSSグラデーションコード

background: linear-gradient(to right, #7598DF, #DFBC75);
background: linear-gradient(135deg, #7598DF, #DFBC75);

各色を詳しく見る

#7598DF

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

#DFBC75

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

関連する比較