#7FDF49

#7FDF49

#A949DF

#A949DF

コントラスト比

2.67:1

Delta E

171.45

Very Different

50:50 ミックス

#A89C9D

カラー値

フォーマット #7FDF49 #A949DF
HEX #7FDF49 #A949DF
RGB 127, 223, 73 169, 73, 223
HSL 98.4, 70.1%, 58.0% 278.4, 70.1%, 58.0%
HSV 98.4, 67.3%, 87.5% 278.4, 67.3%, 87.5%
CMYK 43.0%, 0.0%, 67.3%, 12.5% 24.2%, 67.3%, 0.0%, 12.5%
OKLCH 0.8149 0.2053 136.4 0.5977 0.2237 310.8

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

2.67:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #A949DF → 背景色: #7FDF49

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

テキスト: #7FDF49 → 背景色: #A949DF

色差 (Delta E)

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

グラデーション

#7FDF49 #93C96A #A0B385 #A89C9D #AC84B4 #AC69CA #A949DF

カラーミキシング

#7FDF49

100%

#9ABE78

75:25

#A89C9D

50:50

#AD77BF

25:75

#A949DF

100%

CSSグラデーションコード

background: linear-gradient(to right, #7FDF49, #A949DF);
background: linear-gradient(135deg, #7FDF49, #A949DF);

各色を詳しく見る

#7FDF49

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

#A949DF

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

関連する比較