#784DDA

#784DDA

#AFDA4D

#AFDA4D

コントラスト比

3.35:1

Delta E

158.01

Very Different

50:50 ミックス

#A6959D

カラー値

フォーマット #784DDA #AFDA4D
HEX #784DDA #AFDA4D
RGB 120, 77, 218 175, 218, 77
HSL 258.3, 65.6%, 57.8% 78.3, 65.6%, 57.8%
HSV 258.3, 64.7%, 85.5% 78.3, 64.7%, 85.5%
CMYK 45.0%, 64.7%, 0.0%, 14.5% 19.7%, 0.0%, 64.7%, 14.5%
OKLCH 0.5453 0.2044 292.3 0.8308 0.1728 124.6

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

3.35:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #AFDA4D → 背景色: #784DDA

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

テキスト: #784DDA → 背景色: #AFDA4D

色差 (Delta E)

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

グラデーション

#784DDA #8D66C6 #9C7DB2 #A6959D #ACAC86 #AFC36D #AFDA4D

カラーミキシング

#784DDA

100%

#9572BC

75:25

#A6959D

50:50

#AEB77A

25:75

#AFDA4D

100%

CSSグラデーションコード

background: linear-gradient(to right, #784DDA, #AFDA4D);
background: linear-gradient(135deg, #784DDA, #AFDA4D);

各色を詳しく見る

#784DDA

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

#AFDA4D

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

関連する比較