#9565DF

#9565DF

#AFDF65

#AFDF65

コントラスト比

2.61:1

Delta E

138.37

Very Different

50:50 ミックス

#AFA3A8

カラー値

フォーマット #9565DF #AFDF65
HEX #9565DF #AFDF65
RGB 149, 101, 223 175, 223, 101
HSL 263.6, 65.6%, 63.5% 83.6, 65.6%, 63.5%
HSV 263.6, 54.7%, 87.5% 83.6, 54.7%, 87.5%
CMYK 33.2%, 54.7%, 0.0%, 12.5% 21.5%, 0.0%, 54.7%, 12.5%
OKLCH 0.6133 0.1799 299.2 0.8446 0.1597 127.4

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

2.61:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #AFDF65 → 背景色: #9565DF

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

テキスト: #9565DF → 背景色: #AFDF65

色差 (Delta E)

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

グラデーション

#9565DF #A17ACD #A98FBB #AFA3A8 #B2B794 #B2CB7E #AFDF65

カラーミキシング

#9565DF

100%

#A685C4

75:25

#AFA3A8

50:50

#B2C189

25:75

#AFDF65

100%

CSSグラデーションコード

background: linear-gradient(to right, #9565DF, #AFDF65);
background: linear-gradient(135deg, #9565DF, #AFDF65);

各色を詳しく見る

#9565DF

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

#AFDF65

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

関連する比較