#9B59DF

#9B59DF

#9DDF59

#9DDF59

コントラスト比

2.69:1

Delta E

152.77

Very Different

50:50 ミックス

#AB9FA3

カラー値

フォーマット #9B59DF #9DDF59
HEX #9B59DF #9DDF59
RGB 155, 89, 223 157, 223, 89
HSL 269.6, 67.7%, 61.2% 89.6, 67.7%, 61.2%
HSV 269.6, 60.1%, 87.5% 89.6, 60.1%, 87.5%
CMYK 30.5%, 60.1%, 0.0%, 12.5% 29.6%, 0.0%, 60.1%, 12.5%
OKLCH 0.6017 0.1985 303.7 0.8322 0.1785 131.4

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

2.69:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #9DDF59 → 背景色: #9B59DF

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

テキスト: #9B59DF → 背景色: #9DDF59

色差 (Delta E)

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

グラデーション

#9B59DF #A472CB #A989B8 #AB9FA3 #AAB58D #A6CA75 #9DDF59

カラーミキシング

#9B59DF

100%

#A77EC2

75:25

#AB9FA3

50:50

#A8BF82

25:75

#9DDF59

100%

CSSグラデーションコード

background: linear-gradient(to right, #9B59DF, #9DDF59);
background: linear-gradient(135deg, #9B59DF, #9DDF59);

各色を詳しく見る

#9B59DF

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

#9DDF59

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

関連する比較