#6E62EB

#6E62EB

#DFEB62

#DFEB62

コントラスト比

3.51:1

Delta E

151.26

Very Different

50:50 ミックス

#BAA5AF

カラー値

フォーマット #6E62EB #DFEB62
HEX #6E62EB #DFEB62
RGB 110, 98, 235 223, 235, 98
HSL 245.3, 77.4%, 65.3% 65.3, 77.4%, 65.3%
HSV 245.3, 58.3%, 92.2% 65.3, 58.3%, 92.2%
CMYK 53.2%, 58.3%, 0.0%, 7.8% 5.1%, 0.0%, 58.3%, 7.8%
OKLCH 0.582 0.1993 282.2 0.905 0.1599 113.8

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

3.51:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DFEB62 → 背景色: #6E62EB

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

テキスト: #6E62EB → 背景色: #DFEB62

色差 (Delta E)

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

グラデーション

#6E62EB #9078D7 #A88EC3 #BAA5AF #C9BC98 #D5D380 #DFEB62

カラーミキシング

#6E62EB

100%

#9D83CE

75:25

#BAA5AF

50:50

#D0C78C

25:75

#DFEB62

100%

CSSグラデーションコード

background: linear-gradient(to right, #6E62EB, #DFEB62);
background: linear-gradient(135deg, #6E62EB, #DFEB62);

各色を詳しく見る

#6E62EB

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

#DFEB62

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

関連する比較