#9E5FDF

#9E5FDF

#A0DF5F

#A0DF5F

コントラスト比

2.56:1

Delta E

146.4

Very Different

50:50 ミックス

#ADA2A5

カラー値

フォーマット #9E5FDF #A0DF5F
HEX #9E5FDF #A0DF5F
RGB 158, 95, 223 160, 223, 95
HSL 269.5, 66.7%, 62.4% 89.5, 66.7%, 62.4%
HSV 269.5, 57.4%, 87.5% 89.5, 57.4%, 87.5%
CMYK 29.1%, 57.4%, 0.0%, 12.5% 28.3%, 0.0%, 57.4%, 12.5%
OKLCH 0.6135 0.1905 304.0 0.8346 0.1721 131.2

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

2.56:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #A0DF5F → 背景色: #9E5FDF

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

テキスト: #9E5FDF → 背景色: #A0DF5F

色差 (Delta E)

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

グラデーション

#9E5FDF #A677CC #AB8DB9 #ADA2A5 #ACB690 #A8CB79 #A0DF5F

カラーミキシング

#9E5FDF

100%

#A982C3

75:25

#ADA2A5

50:50

#AAC185

25:75

#A0DF5F

100%

CSSグラデーションコード

background: linear-gradient(to right, #9E5FDF, #A0DF5F);
background: linear-gradient(135deg, #9E5FDF, #A0DF5F);

各色を詳しく見る

#9E5FDF

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

#A0DF5F

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

関連する比較