#A373DF

#A373DF

#AFDF73

#AFDF73

コントラスト比

2.24:1

Delta E

123.57

Very Different

50:50 ミックス

#B3AAAD

カラー値

フォーマット #A373DF #AFDF73
HEX #A373DF #AFDF73
RGB 163, 115, 223 175, 223, 115
HSL 266.7, 62.8%, 66.3% 86.7, 62.8%, 66.3%
HSV 266.7, 48.4%, 87.5% 86.7, 48.4%, 87.5%
CMYK 26.9%, 48.4%, 0.0%, 12.5% 21.5%, 0.0%, 48.4%, 12.5%
OKLCH 0.6497 0.1612 302.7 0.8464 0.1466 128.9

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

2.24:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #AFDF73 → 背景色: #A373DF

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

テキスト: #A373DF → 背景色: #AFDF73

色差 (Delta E)

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

グラデーション

#A373DF #AB86CF #B098BE #B3AAAD #B4BC9B #B2CE88 #AFDF73

カラーミキシング

#A373DF

100%

#AE8FC7

75:25

#B3AAAD

50:50

#B3C592

25:75

#AFDF73

100%

CSSグラデーションコード

background: linear-gradient(to right, #A373DF, #AFDF73);
background: linear-gradient(135deg, #A373DF, #AFDF73);

各色を詳しく見る

#A373DF

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

#AFDF73

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

関連する比較