#7F73EB

#7F73EB

#DFEB73

#DFEB73

コントラスト比

2.93:1

Delta E

132.79

Very Different

50:50 ミックス

#BEADB5

カラー値

フォーマット #7F73EB #DFEB73
HEX #7F73EB #DFEB73
RGB 127, 115, 235 223, 235, 115
HSL 246.0, 75.0%, 68.6% 66.0, 75.0%, 68.6%
HSV 246.0, 51.1%, 92.2% 66.0, 51.1%, 92.2%
CMYK 46.0%, 51.1%, 0.0%, 7.8% 5.1%, 0.0%, 51.1%, 7.8%
OKLCH 0.6246 0.1747 284.7 0.9068 0.1449 114.0

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

2.93:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DFEB73 → 背景色: #7F73EB

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

テキスト: #7F73EB → 背景色: #DFEB73

色差 (Delta E)

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

グラデーション

#7F73EB #9986D9 #AD9AC7 #BEADB5 #CBC2A1 #D6D68B #DFEB73

カラーミキシング

#7F73EB

100%

#A490D0

75:25

#BEADB5

50:50

#D1CC97

25:75

#DFEB73

100%

CSSグラデーションコード

background: linear-gradient(to right, #7F73EB, #DFEB73);
background: linear-gradient(135deg, #7F73EB, #DFEB73);

各色を詳しく見る

#7F73EB

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

#DFEB73

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

関連する比較